Mac系统环境下
1.首先下载Flutter的SDK包：地址 选择Stable channel稳定版本
下载之后解压压缩包（我个人习惯在本地桌面新建一个文件夹，命名为Flutter，然后将解压的文件放入Flutter文件夹中）
036E7A74-38B0-44A7-BC02-637C9908F617.png
安装Visual Studio Code：地址
打开 VS Code ,首先需要安装的插件：Flutter和Dart，其次推荐几个开发中需要的插件Chinese(汉化插件),Code Runner(运行插件)
3DDCF6F1-2F90-4D8F-87A0-CDDED7FBCB5F.png
安装Android Studio：地址
运行打开,点击设置Preferences,选择Plugins,安装Flutter和Dart插件，安装完重启Android Studio即可。
1.png
安装Xcode
mac电脑如何安装不用我说了吧....
准备工作完毕
2.配置环境变量
因为Flutter 在运行的时候,需要去官方下载所需要的资源.所以我们需要更换镜像服务器。具体操作，首先执行在电脑根目录下执行
vi $HOME/.bash_profile
然后在写入
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export ANDROID_HOME="/Users/xxx/Library/Android/sdk"
export PATH=${PATH}:${ANDROID_HOME}/tools:$ANDROID_HOME/platform-tools
export PATH=/Users/xxx/Desktop/Flutter/flutter/bin:$PATH
export JAVA_HOME=$(/usr/libexec/java_home)
按esc，再shift+:，输入wq，保存退出
执行open ~/.zshrc
如果 提示文件不存在，则执行vim ~/.zshrc
再执行open ~/.bash_profile
将
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export ANDROID_HOME="/Users/xxx/Library/Android/sdk"
export PATH=${PATH}:${ANDROID_HOME}/tools:$ANDROID_HOME/platform-tools
export PATH=/Users/xxx/Desktop/Flutter/flutter/bin:$PATH
export JAVA_HOME=$(/usr/libexec/java_home)
copy到 zshrc 文件中，保存退出
执行source ~/.zshrc
输入source $HOME/.bash_profile刷新
输入flutter doctor检查环境配置
如果控制台输出如下图
1.png
那么我们先解决第一个错误
在控制台中输入
flutter doctor --android-licenses
然后再重复
输入
source $HOME/.bash_profile
刷新
输入
flutter doctor
检查环境配置
这时控制台会提示出如下图
1.png
首先你要检查你的Android Studio是否安装了flutter和dart插件，如果没有安装请向上查看如何安装插件；如果你已安装了插件还是报错检测不到相关插件，那么问题就是因为Android Studio(4.1)后，安装插件的位置发生了变化，但是flutter doctor还是去原先的位置找，导致的安装过插件还报错。
旧目录: ~/Library/Application\ Support/AndroidStudio4.1
新目录: ~/Library/Application\ Support/Google/AndroidStudio4.1/plugins
那么我们就需要在终端中输入如下命令
ln -s ~/Library/Application\ Support/Google/AndroidStudio4.1/plugins ~/Library/Application\ Support/AndroidStudio4.1
然后再次重复
输入source $HOME/.bash_profile刷新
输入flutter doctor检查环境配置
当终端输入如下样式，环境变量配置完成
4A75C212-866C-4177-AEE5-D043C3E4FF06.png
目前本人在配置过程中只发现了这些问题，如果你在配置过程中发现了其他的问题，欢迎留言
网友评论