MAC系统下搭建Flutter开发环境

Flutter 是什么

Flutter是Google开源的构建用户界面(UI)工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台。Flutter 开源、免费,拥有宽松的开源协议,适合商业项目。

下载Flutter Sdk

官方地址:

https://docs.flutter.dev/development/tools/sdk/releases?tab=macos

解压

下载完成后解压将其SDK flutter文件夹放入我们提前准备好的目录

终端环境配置

如果不存在这个文件,可以采用下面方式进行创建:

一般在Mac上配置环境变量时经常要创建、编辑 .bash_profile文件。创建该文件时一般都会选择在当前用户目录下,即Mac下的.bash_profile 文件的路径是 /Users/YourMacUserName/.bash_profile (如果该文件已经创建过的话)

1、创建 .bash_profile

(1) 启动终端

(2) 进入当前用户的home目录(默认就是):

cd ~ 或 cd /Users/YourMacUserName

(3)输入touch .bash_profile

2、查看 、编辑 .bash_profile 文件

(1)终端输入 open -e .bash_profile

(如果只是查看,直接使用open .bash_profile)

(2)编辑

(3)关闭即可保存修改

如果电脑上面存在这个文件,可以直接输入下面地址打开

open ~/.bash_profile

配置环境

假如你的文件下载到了这里/Users/xiaojin/flutter_sdk/flutter,那么打开.bash_profile写入以下内容后按esc键 :wq保存退出:

export PATH=/Users/xiaojin/Desktop/jin_files/env/flutter/bin:$PATH export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

更新环境变量

source .bash_profile

检查环境

flutter doctor

Flutter 环境配置提示 cmdline-tools component is missing

打开android studio的设置

安装brew的终极方法(二)

        今天同事推荐了一种不需要连手机热点的镜像安装方法。电脑终端输入如下命令:

/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

        按回车后,根据提示操作:输入镜像序号 --> 输入Y,回车等待brew安装完成即可。

Flutter 环境配置提示 CocoaPods not installed.

我们需要安装CocoaPods,在终端输入:

brew install cocoapods

如果你电脑上面没有brew,可以参考:图文并茂手把手教你在MAC配置Android,nodejs环境,配置安卓真机支持投屏以及测试 - 糖~豆豆 - 博客园

Some Android licenses not accepted.

输入下面指令,并一路输入y

flutter doctor --android-licenses

检查环境成功

在 Android Studio 中配置Dart

下载安装Dart SDK

https://dart.dev/get-dart

brew tap dart-lang/dart brew install dart

更新

brew upgrade dart

通过下图我们可以看到:SDK 被安装到了 /opt/homebrew/opt/dart 路径下

在Android项目中,配置 Dart SDK 路径

/usr/local/opt/dart/libexec

进入已有项目,下载依赖

flutter pub get

再AS软件里运行

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

袭烽

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值