【flutter】在mac上配置flutter环境

前言

最近开始学习Flutter开发，在打包iOS的时候需要用到Xcode，所以下单了一台MacBookPro作为以后的电脑。但是由于之前没有用过mac，所以弄了半天才安装好Flutter的环境。做个记录，希望能帮到大家。

参考文档

入门: 在macOS上搭建Flutter开发环境
mac下创建.bash_profile文件
环境变量配置完毕后运行出错【zsh: command not found: flutter】的解决办法

提示

如果在确定环境配置无误的情况下执行flutter doctor显示【zsh: command not found: flutter】,请输入source $HOME/.bash_profile刷新当前命令窗口就可以了，因为您在命令行只能更新当前会话的PATH变量。

配置步骤

1.下载Fluter稳定版SDK的压缩包，推荐使用迅雷或者一些常用下载工具下载速度会比较快也不容易出现下载出错或者中断的问题。
Flutter SDK下载地址：https://flutter.dev/docs/development/tools/sdk/releases?tab=macos#windows

下载Flutter SDK

2.解压下载的文件并且获取文件夹中bin文件的路径（不知道如果复制文件路径的可以右键文件夹选择显示简介中根据下图所以复制文件路径）
我的路径：/Users/XXX/Develop/flutter/bin

获取路径

3.【重点】在知道如果获取文件路径之后，接下来是进行flutter环境的配置[注意命令行中是否存在空格]

a.打开命令行终端Terminal
[输入]~/.bash_profile
如果出现No such file or directory表示.bash_profile文件不存在需要创建，出现zsh: permission denied: /Users/XXX/.bash_profile表示文件已经存在，无需创建。
=文件不存在，需要创建=
[输入]~/touch .bash_profile
b. 编辑.bash_profile文件
[输入]open -e .bash_profile
在打开的文件中输入下面的文字【注释不可放进文件中，完成之后请保存并关闭文件】

// flutte的bin文件路径（请修改为你的对应路径）
export PATH=/Users/XXX/Develop/flutter/bin:$PATH
// Android SDK的文件路径（请修改为你的对应路径）
export ANDROID_HOME=/Users/XXX/Library/Android/sdk
// Android工具类
export PATH=${PATH}:${ANDROID_HOME}/tools
// Android工具类
export PATH=${PATH}:${ANDROID_HOME}/platform-tools
// flutte的国内镜像地址，加快国内的访问速度
export PUB_HOSTED_URL=https://pub.flutter-io.cn
// flutte的国内镜像地址，加快国内的访问速度
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

image.png

c.【重点，重点，重点】在文件保存之后一定一定要在命令行中更新当前配置（我就在这里卡了一个下午）
[输入]source .bash_profile
d.设置环境变量为全局的，即不用每次打开打开终端都执行source .bash_profile刷新环境变量之后才可以执行flutter doctor
.zshrc文件不存在，需要创建
[输入]touch .zshrc
.zshrc文件已经存在，直接打开
[输入]open .zshrc
在打开的文件末尾增加source ~/.bash_profile保存退出即可。
e.到这里环境变量基本配置完毕，检查flutte环境变量是否配置完毕
[输入]flutter doctor

image.png

结语

在执行flutter doctor之后如果都如上图所示显示绿色勾表示好环境已经配置成功，如果出现红色叉表示配置尚未完全成功（flutter的环境已经配置成功）还有插件之类的尚未配置或者安装，请根据报错信息继续解决，此处不再赘述。