Mac电脑Flutter环境配置

一、获取Flutter SDK

两种获取安装包的方式：
1、去flutter官网下载其最新可用的安装包，官网地址：https://flutter.dev
2、也可以去Flutter github项目下去下载安装包，地址：https://github.com/flutter/flutter/releases 。
我这里选择的是官网下载，进入官网，点击下图Get starts按钮

截屏2023-03-03 10.22.31.png
然后点击下图第二个按钮进入macOS系统的下载页
截屏2023-03-03 10.23.44.png
普通Mac选择左边Intel，M1系列选择Apple Silicon安装包 截屏2023-03-03 10.25.37.png
下载解压完成之后最好把安装包放到一个固定的路径下面，避免不小心删掉了。

二、环境配置

在.bash_profile中配置环境如下：

Flutter 镜像配置:
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)
Flutter 环境配置:
export PATH=/解压的flutter路径/flutter/bin:$PATH

注意PATH=后面的路径是我们解压后安装包的路径，可以通过终端命令cd 然后把文件拖进来获取。下面是配置的截图：

截屏2023-03-03 11.02.11.png

三、验证环境

上面配置环境后保存退出.bash_profile文件，可以通过重启或者命令行的方式重载环境。重启就是关掉终端重新打开，下面介绍命令行的方式：

source ~/.bash_profile 

然后执行：flutter 或者 flutter -h

flutter -h

出现Manage your Flutter app development.如下的截图说明配置成功，可以开始进入开发阶段。

截屏2023-03-03 11.24.31.png

接着运行flutter doctor检查安装的软件情况

flutter doctor

flutter需要Android Studio、Xcode、VSCode、Chrome等软件支持，首次允许flutter doctor可能有报错，报错原因说得很清楚，也可以度娘寻找解决的方案，本人就不一一展开。下面是我所有软件都安装好成功后的截图

截屏2023-03-03 11.36.33.png

四、遇到问题

我在公司的电脑和自己的电脑都做了同样的配置，但是公司的电脑在配置之后运行flutter指令后报“zsh: command not found: flutter”的错误。然后我在网上找到一篇文章解决了我的问题，文章链接(https://www.jianshu.com/p/e99e6899dd66)