1、下载flutter SDK
下载地址:https://flutter.dev/docs/development/tools/sdk/releases?tab=macos
2、把flutter SDK解压到你想要放的地方 如下所示
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 的帮助命令 如下图
如果没有出现 则证明安装失败,需要把原来的删掉重新安装
4、运行 flutter doctor 检测环境
flutter doctor
如下图所示
如上图所示:Android 没有配置成功、Xcode - develop for iOS and macOS也没有配置成功
此时需要运行他提示的命令:如上图标志的命令
每个人环境不一样 命令也就不一样,你只需要运行你终端提示的命令即可
命令运行完毕 再次运行 flutter doctor 检测环境 如下图所示
此时Xcode的环境已经配置成功。如果你想要配置Android 去查询其他文档吧 :https://flutter.cn/docs/get-started/install
5、创建项目
⚠️:xxx是项目名称
flutter create xxx
可能出现的问题
1、你关闭终端重新打开 去创建项目的时候 可能会出现如下问题
看到这你会想:我明明已经安装好了环境为什么会出现这个问题?
出现这种问题:有一篇博客上说
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