新Mac（M1芯片）之Flutter开发环境搭建
和谐学习！不急不躁！！我是你们的老朋友小青龙～
前言
自10月21号下单以来，终于在今天（11月28日）收到货了。
欣喜之情溢于言表，迫不及待开始搭建开发环境。
电脑系统环境如下
目录
-
下载Xcode -
检测brew环境 -
下载Flutter SDK -
Android Studio开发环境的搭建 -
Xcode - develop for iOS and macOS -
Chrome - develop for the web (Cannot find Chrome executable at -
如何new一个flutter项目环境 -
可能会用到的文章链接
1、下载Xcode
由于iOS开发是我的老本行，所以第一时间在App Store上下载了它。
2、检测brew环境
brew 全称 「Homebrew」， 是Mac OSX上的软件包管理工具，brew 可以用一条命令，就可以在mac上安装、卸载、更新各种软件包。具体安装命令可以访问官网首页。
在终端输入指令$brew
然后你可能发现，出现提示
zsh: command not found: brew
如果你之前没有安装过homebrew，那就说明需要安装一下了。安装步骤参考这两篇文章��
-
在
.zshrc文件里最后一行加上source ~/.bash_profile
按上述3步执行完，终端再执行brew
说明：brew环境搭建成功～
3、下载Flutter SDK
去Flutter官网 选择最新的版本，点击它下载
然后把下载的SDK包丢到文稿下面，会看到一个flutter文件夹（文件夹名字看你高兴取，第一次建议你跟着我的步骤来）：
然后是将SDK和电脑环境关联起来，执行命令vim ~/.bash_profile
按 i 键进入编辑状态，配置相关信息，写入
export PATH=~/Documents/flutter/bin:$PATH\
export PUB_HOSTED_URL=[https://pub.flutter-io.cn](https://links.jianshu.com/go?to=https%3A%2F%2Fpub.flutter-io.cn)\
export FLUTTER_STORAGE_BASE_URL=[https://storage.flutter-io.cn](https://links.jianshu.com/go?to=https%3A%2F%2Fstorage.flutter-io.cn)
编辑完了如何退出？按一下键盘左上角的esc,再按一下组合键“ : + W + Q”
再按一下回车键enter即可退出.
紧接着输入命令并回车键：
source ~/.bash_profile
接着执行
flutter -h
当你看到这些说明安装成功了
执行命令检测flutter环境
flutter doctor
到这里，说明我们官网下的Flutter包没问题了。
接下来就是怎么让图片上这一个个红色x变成绿色✓，及去掉黄色警告。
- Android toolchain - develop for Android devices
- Xcode - develop for iOS and macOS
- Chrome - develop for the web
- Android Studio (not installed)
关于flutter -h指令如果运行出错，可以参考我之前写的文章
4、Android Studio开发环境的搭建
下的时候，注意自己电脑是什么芯片，因为我这台电脑是M1芯片所以选择了右边的
第一次安装Android studio会需要下载一些文件包，所以要在网络好的环境下进行。
安装好之后，再次执行flutter doctor
我们发现下面的Android Studio提示变成绿色，但是上面提示
cmdline-tools component is missing
Run `path/to/sdkmanager --install "cmdline-tools;latest"`
command 和 ,组合按一下,按图所示打勾、点击Apply
然后一个个选项点过去，就开始下载包，下载完是这样
点击Finish、点击OK
再次执行flutter doctor
按图提示的，执行指令（doctor和--之间有一个空格）
flutter doctor --android-licenses
然后会出现多次选项，你只要输入y就可以。
再次执行flutter doctor
至此，Android Studio开发环境的搭建完成。
5、Xcode - develop for iOS and macOS
按照图片提示，执行以下两条指令
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
sudo xcodebuild -runFirstLaunch
再次执行flutter doctor
这意思是cocoapods环境需要搭建。
参考文章
安装完检测一下，执行
pod --version
再次执行flutter doctor
6、Chrome - develop for the web (Cannot find Chrome executable at
安装一下谷歌浏览器，然后再次执行flutter doctor
7、如何new一个flutter项目环境
command 和 ,组合按一下，在弹出的界面找到Plugins并下载Flutter包和Dart包
点击Edit
终端运行
flutter config --android-sdk /Users/ios/Library/Android/sdk
重启之后，我并没发现new flutter这个选项
所以我猜想可能是前面两个包出了问题，于是command 和 ,组合按一下
当我尝试打勾的时候并点击Apply的时候，出现了以下情况
要修复这个问题，在Installed一列里先删除之前的Flutter插件，然后在Marketplace里重新下载，下载完会提示你重启。
重启之后会发现之前下载的Flutter插件已经自动打勾，并且可以创建flutter项目了
8、可能会用到的文章链接
转载自:https://juejin.cn/post/7035985832196440071