MacOS 搭建flutter开发环境十步曲

Mac 版本 10.15.7

硬件条件： MacOS（64-bit）、磁盘空间700MB (不包括Xcode或Android Studio的磁盘空
间）

安装必备flutter中文网：

https://flutterchina.club/setup-macos/

hot-reload.gif

第一步

使用flutter镜像：

//添加到.bash_profile中，注意bash_profile是隐藏⽂件
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

你不知道如何修改bash_profile文件吗？ 安排： https://www.jianshu.com/p/14f98f4a5667
（具体：你只需要进入根目录 open 编辑 保存 source刷新）

⚠️

注意: 如果你使用的是zsh，终端启动时 ~/.bash_profile 将不会被加载，解决办法就是修改 ~/.zshrc ，在其中添加：source ~/.bash_profile

第二步

下载flutter sdk： https://flutter.dev/docs/development/tools/sdk/releases?tab=macos#macos

解压安装包到你想安装的目录，如：

cd ~/development
unzip ~/Downloads/flutter_macos_v0.5.1-beta.zip

添加flutter相关工具到path中：

export PATH=`你的sdk路径`/flutter/bin:$PATH

第三步

检查你的环境变量， 应该有这三项就对了. open .bash_profile

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

export PATH=/Users/sinochem/development/flutter/bin:$PATH

⚠️ 每次修改完环境变量都要刷新一下 source ~/.bash_profile

第四步：运行 flutter doctor

执行完flutter doctor命令 flutter ✅ 其他全是❕，因为现在只有flutter 环境变量配置好了， Android sdk没装，Xcode没装，vscode插件没装，模拟器没链接
1、安装Android studio 并下载sdk， 并配置环境变量（切记刷新）
2、安装Xcode
3、到vscode拓展中搜索 flutter dart 并安装 建议安装 Awesome Flutter Snippets
4、设置模拟器 open -a Simulator

第五步：再次运行 flutter doctor

现在应该是这样的！！！

image.png

明白了，提醒我使用gem安装cocoapods，于是sudo gem install cocoapods

image.png

Life is the fucking movie！

报错了，咱也看不懂啊。大概意思是ruby版本导致的。

⏰ ⏰ 啥也不是！ 什么 rvm gpg 在Mac OS 10.15上都不好使。

做开发呢千万不要放弃 人生要有梦想。 中医不行找西医，上梯子翻墙

image.png

hello thank you thank you very much！

第六步： 再次运行 flutter doctor

image.png

妥了！！！

第七步： 创建项目

⽅式⼀：命令⾏ flutter create flutterProject
⽅式二：VSCode
① View>Command Palette…
② 输⼊ flutter, 然后选择 Flutter: New Project

第八步： 运行项目

进入项目根目录： flutter run

image.png

image.png

第九步： 调试

image.png

第十步：最终的环境变量

image.png

踩坑记录

1、开发依赖 建议都安装 vscode（开发方便）、Android studio（为了Android sdk 官网推荐开发工具）、Xcode（模拟器）
2、如果执行flutter doctor --android-licenses报错，就是sdk没安装成功 或者环境变量没配置好
3、安装时不停的执行 flutter doctor 根据提示解决问题
4、Mac 10.15 （sudo gem install cocoapods）不好使 使用brew安装

Are You OK！