1、先安装最新版本的Xcode开发工具和Android studio开发工具
2、在Flutter官网下载最新可用的安装包
将安装包移动到自己想要安装到的文件夹目录下，比如，我这里是放在了资源库下面，后面设置使用路径的时候会用到这个目录的路径
3、添加flutter相关工具到path中
方式一：设置后只能在当前打开的终端中使用
在终端执行：export PATH=`pwd`/flutter/bin:$PATH
其中的`pwd`就是安装flutter的时候选择的目录，比如我是安装在资源库下面的，执行的命令应该是：
export PATH=/Users/xjkmini-ios/Library/flutter/bin:$PATH
设置好以后在终端执行命令：flutter doctor
如果没有报错找不到命令，代表设置成功，但是这种方式可能关闭终端再次打开后就需要再次设置才能使用
方式二：永久将Flutter添加到PATH中
在终端执行open ~/.bash_profile命令，打开bash_profile文件，如果没有则执行touch ~/.bash_profile进行创建，然后将以下命令添加到bash_profile文件中
export PUB_HOSTED_URL=https://pub.flutter-io.cn//国内用户需要设置
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn//国内用户需要设置
export PATH=`pwd`/flutter/bin:$PATH
注意这里的`pwd`/flutter就是上一步中将sdk拷贝到自己系统的路径，如下图：
将命令添加到文件中以后，control+s保存内容，关闭文件窗口
然后在终端中执行命令：source ~/.bash_profile刷新
关闭终端，然后再次打开终端，然后直接执行flutter doctor命令，如果执行成功，没有报错command not found flutter，那么我们就配置成功了
但是如果还是报错command not found flutter，说明我们没有配置成功
这个时候执行命令source ~/.bash_profile刷新，然后再执行命令flutter doctor。如果没有报错，那就说明你mac电脑的默认shell不是bash了，而是zshrc了，因为苹果公司发布了macOS Catalina(10.15)之后，macOS的默认终端从bash变成了zsh
所以接下来有两种方式可以解决这个问题：
（1）、直接在.zshrc文件中配置flutter的环境变量
（2）、依然在bash_profile中配置环境变量，但是在.zshrc文件中添加命令source ~/.bash_profile。
这样就相当于，每次打开终端时，就自动执行了source ~/.bash_profile命令，可以达到同样的效果。
但是为了方便我们管理环境变量配置，建议用第2种方式，因为我们有可能不光flutter配置会用到相关的工具，所以使用bash_profile单独进行管理。
4、修改环境检查还需要配置的项
配置完成以后关闭终端重新打开再次执行命令：flutter doctor
看到正在检查flutter环境，就说明安装成功了，但还会有部分需要配置的内容，如下图：
检查环境以后，还需要配置的项会列举出来，需要继续修改，检查通过才能正常使用
报错信息：Android toolchain - develop for Android devices (Android SDK version
32.1.0-rc1)
✗ cmdline-tools component is missing
Run `path/to/sdkmanager --install "cmdline-tools;latest"`
See https://developer.android.com/studio/command-line for more details.
✗ Android license status unknown.
Run `flutter doctor --android-licenses` to accept the SDK licenses.
See https://flutter.dev/docs/get-started/install/macos#android-setup for
more details.
是因为Android Studio中缺少SDK，需要安装对应的SDK，步骤如下：
打开Android Studio，选择菜单Tools中的SDK Manager选项，打开SDK配置窗口，
在窗口中选择SDK Tools选项卡
然后勾选下图中红框内的选项，然后点击ok等待下载成功
下载完成以后，回到终端中执行flutter doctor命令继续检查环境
如下图，说明SDK的问题已经解决，但是验证不通过
按照提示，执行命令：flutter doctor --android-licenses
然后一直输入y并回车就可以了，再次执行flutter doctor，可以看到工具的问题已经解决
报错信息：Chrome - develop for the web (Cannot find Chrome executable at /Applications/Google
Chrome.app/Contents/MacOS/Google Chrome)
! Cannot find Chrome. Try setting CHROME_EXECUTABLE to a Chrome executable.
是因为没有安装谷歌浏览器，去官网下载一个谷歌浏览器安装就行了
安装好以后再次检查环境
剩下最后一个警告，路径https://maven.google.com/无法使用
解决办法如下：
1、找到flutter sdk的文件目录，就是前面的安装目录，打开flutter\packages\flutter_tools\lib\src\http_host_validator.dart文件，使用文本编辑器打开。
2、将文本中的路径https://maven.google.com/ 修改为https://dl.google.com/dl/android/maven2/，然后保存退出
3、关闭终端窗口，重新打开终端窗口
4、在安装目录下，去到flutter\bin目录，删除cache文件夹
5、在终端命令窗口重新运行flutter doctor，看到检查项全部为绿色勾状态，问题全部解决，环境搭建成功。
到这一步检查全部通过，就代表环境搭建成功了，可以去Android Studio中创建Flutter项目进行开发了。
网友评论