Flutter 环境安装

1、下载flutter SDK

下载地址：https://flutter.dev/docs/development/tools/sdk/releases?tab=macos

2、把flutter SDK解压到你想要放的地方 如下所示

4C4CBE6F-C612-4764-8519-E1CC2F15079B.png

3、把Flutter安装目录的bin目录配置到环境变量，然后把Flutter国内镜像也配置到环境变量里面

第一步:打开文件

vim ~/.bash_profile

第二步：写入文件

⚠️：xxxxxx 代表的是你 flutter SDK的路径
export PATH=/Users/xxxxxx/bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=[https://storage.flutter-io.cn](https://storage.flutter-io.cn)

第三步：运行文件

source ~/.bash_profile

检查flutter的SDK是否安装配置成功

flutter -h  

如果配置成功则会出现flutter 的帮助命令 如下图

474A8F74DB3C10BE73B158BB97B7257F.png

如果没有出现 则证明安装失败，需要把原来的删掉重新安装

4、运行 flutter doctor 检测环境

flutter doctor 

如下图所示

image.png

如上图所示：Android 没有配置成功、Xcode - develop for iOS and macOS也没有配置成功

此时需要运行他提示的命令：如上图标志的命令

每个人环境不一样 命令也就不一样，你只需要运行你终端提示的命令即可

命令运行完毕 再次运行 flutter doctor 检测环境 如下图所示

image.png

此时Xcode的环境已经配置成功。如果你想要配置Android 去查询其他文档吧 ：https://flutter.cn/docs/get-started/install

5、创建项目

⚠️：xxx是项目名称
flutter create xxx

可能出现的问题
1、你关闭终端重新打开 去创建项目的时候 可能会出现如下问题

87D4DCA770B56B546BE2B011DBFE2B0A.png

看到这你会想：我明明已经安装好了环境为什么会出现这个问题？

出现这种问题：有一篇博客上说
MacOS Catalina 10.15.4 ，flutter的命令失效， 提示 zsh: command not found: flutter
据官方说，从 macOS Catalina 版开始，您的 Mac 将使用 zsh 作为默认登录 Shell 和交互式 Shell。您还可以在较低版本的 macOS 中将 zsh 设置为默认 Shell

单次解决办法:这种方法，只对当前终端窗口有效，关闭之后无效了

source ~/.bash_profile

终极解决办法
第一步：打开.zshrc 文件

open ~/.zshrc 

如果没有这个文件则创建一个

vim ~/.zshrc

第二步：把之前写入在.bash_profile里面的代码直接拷贝到zshrc文件中

⚠️：xxxxxx 代表的是你 flutter SDK的路径
export PATH=/Users/xxxxxx/bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=[https://storage.flutter-io.cn](https://storage.flutter-io.cn)

第三步：执行

source ~/.zshrc

运行查看是否生效

flutter -h