mac电脑配置flutter完整详细的流程

Mac重装了系统 于是乎得重新装一遍flutter

话不多说 开搞

1 首先下载flutter 的sdk. 因为我的项目使用的3.16.9版本的 所以我下载了这个版本的fluttersdk

下载地址 Archive | Flutter

选择适合你的flutter版本

下载之后解压到文件夹 在电脑终端输入open -e .bash_profile

如果你的电脑没有bash_profile文件的话 你就先创建 输入 touch .bash_profile

然后 在打开的bash_profile文件 输入以下内容

export PATH=/Users/jxq/Desktop/project_utils/flutter_sdk/flutter/bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

其中/Users/jxq/Desktop/project_utils/flutter_sdk/flutter/bin 替换成你下载下来的fluttersdk 保存的路径 其他的不用改

保存后 输入 source ~/.bash_profile 让配置文件生效 这个时候就配置好了 输入flutter --version 就能看到配置好的信息了

这个时候 第一个问题来了 你会发现当你把终端退出后 重新打开终端 输入flutter --version 他会报错 提示你 flutter not found 这个时候 输入 vim ~/.zshrc 会出现下面的这个页面

输入 i 进入编辑模式 然后把 source ～/.bash_profile 复制进去 按esc 然后:wq 回车退出 然后输入source ~/.bash_profile 这样就配置好了 你会发现 每次打开终端都可以直接使用flutter命令了

然后我们输入 flutter doctor

打x 的就是报错的

错误1 CocoaPods not installed.

终端输入brew install cocoapods。如果你的电脑没有安装brew，终端输入

/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

然后根据他的提示一步步来就可以了

错误2 cmdline-tools component is missing

打开Android studio

问题3 android license status unknown 这也是大家遇到最多的问题 最终解决方案如下

按照他的提示 输入 flutter doctor --android-license 我的直接报错提示

首先 终端输入java - version 因为我电脑重装系统 什么都没有了 所以我需要先去下载jdk

地址Java Downloads | Oracle 中国

我下载的是jdk17

下载完成之后 终端输入 open -e .bash_profile

然后 配置java环境

这里我们需要的只是JAVA17_HOME这个 把路径替换成你下载的jdk保存的路径 默认的就是该路径

此时输入 Java -version 就会有 正确的Java信息了

然后我们继续输入flutter doctor --android-license 你会发现还是一样的报错

这个时候 打开你的Android studio

点击 project structure 然后找到

你会发现 Android studio 他用的是自带的jdk。这就是为什么报错的原因了 解决方法 把我们下载的jdk17的Contents 文件夹替换掉这个自带路径下的Contents 文件夹 然后重新执行flutter doctor --android-license. 这个时候按照提示 一直输入y 就可以了。