Mac系统环境下
1.首先下载Flutter的SDK包:地址 选择Stable channel稳定版本
下载之后解压压缩包(我个人习惯在本地桌面新建一个文件夹,命名为Flutter,然后将解压的文件放入Flutter文件夹中)
安装Visual Studio Code:地址
打开 VS Code ,首先需要安装的插件:Flutter和Dart,其次推荐几个开发中需要的插件Chinese(汉化插件),Code Runner(运行插件)
安装Android Studio:地址
运行打开,点击设置Preferences,选择Plugins,安装Flutter和Dart插件,安装完重启Android Studio即可。
安装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
检查环境配置
如果控制台输出如下图
那么我们先解决第一个错误
在控制台中输入
flutter doctor --android-licenses
然后再重复
输入
source $HOME/.bash_profile
刷新
输入
flutter doctor
检查环境配置
这时控制台会提示出如下图
首先你要检查你的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
检查环境配置
当终端输入如下样式,环境变量配置完成
目前本人在配置过程中只发现了这些问题,如果你在配置过程中发现了其他的问题,欢迎留言