Mac系统版本
macOS Monterey 12.1
获取Flutter SDK
- 去Flutter官网下载其最新可用的安装包, 转至下载页
- 解压安装包到你想安装的目录, 如
cd ~/Library/
安装目录可以自定义, 我选择了资源库
unzip ~/Downloads/flutter_macos_2.8.1-stable.zip
把下载好的Flutter SDK解压安装, 由于我下载完成已经是解压过的, 所以直接复制到了Library里
注意!!!以下macOS环境变量配置和镜像配置是分开执行的.
是为了能够清楚的知道, 每一步执行是做什么的. 但其实两者是可以合并执行的. 各位看官可以看完以后,同时执行
MacOS环境变量配置
1. open .bash_profile
打开.bash_profile并编辑, 如果没有, 执行命令touch .bash_profile创建
2. 配置环境变量, XXXX是FLutter安装目录
export FLUTTER_HOME=XXXX/flutter
export PATH=$PATH:$FLUTTER_HOME/bin
export PATH=$PATH:$FLUTTER_HOME/bin/cache/dart-sdk/bin
3. 直接关闭并保存刚刚的配置环境,
4. source .bash_profile
更新刚配置的环境变量
5. flutter -h
执行命令检测是否配置成功,注意这一步是联网,可能需要等一段时间才能完成,成功后大概是这个样子. 如下图:
配置成功.jpg
配置镜像
Flutter项目会依赖一些东西，在国内下载这些依赖会有一些慢，所以我们可以将它们的安装源换成国内的(也就是设置国内的镜像)
在macOS操作系统下
1. open .bash_profile
在环境变量配置过程中,已经编辑过此文件,肯定会存在.
2. 添加国内镜像
export PUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户需要设置
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //国内用户需要设置
新建 变量 PUB_HOSTED_URL，其值为https://pub.flutter-io.cn
新建 变量 FLUTTER_STORAGE_BASE_URL， 其值为https://storage.flutter-io.cn
4. source .bash_profile
5. flutter -h
检查必要的依赖
flutter doctor
结果如下图: 每台电脑配置完成够, 出现的结果也不同, 我的电脑除了Android都是最新的所以检测依赖时, 只有Android出现遗漏, 因此以下图为例, 如何解决问题.
flutter doctor.jpeg
上图发现一共有2个问题.
- 在Android中缺少cmdline-tools. 添加步骤 Android Studio -> Tools -> SDKManager -> Android SDK -> SDK Tools 找到缺失并且下载.
- 需要在终端中执行命令flutter doctor --android-licenses接受SDK许可. 一路同意就行.
把所有问题都解决以后, 在执行flutter doctor. 所有的必要依赖都完成.
配置.zshrc文件
为什么要配置.zshrc文件, 当每次打开终端使用 flutter 命令时, 都需要先执行
source .bash_profile. 否则 flutter 命令不存在.
1. open -e .zshrc
如果没有的话touch .zshrc
2 将 source ~/.bash_profile 添加到 .zshrc 中保存即可
到此 在Mac上安装Flutter就全部完成了. 可以开始你新的开发之路
