当前位置：首页 > news >正文

macos （M2芯片）搭建flutter环境

news 2025/12/4 14:53:14

安装的版本3.13.4、电脑上没有安装过android studio、安装过brew

1.在终端运行sudo softwareupdate --install-rosetta --agree-to-license，下图展示安装成功的效果

在这里插入图片描述

2.下载以下安装包来获取最新的 stable Flutter SDK

在这里插入图片描述

3.解压，⚠️注意下载安装sdk的包名可能和文档名字不一样注意修改

选择自己的文件夹，切换目录到选择的文件夹下面
在这里插入图片描述
需要根据官网配置一下flutter环境变量

3.1配置flutter环境变量如果只配置下面三项，第一项不配置还是会显示找不到flutter命令

vim ~/.bash_profile

export FLUTTER_ROOT=你的flutter安装目录//注意我的是只配置下面不太行
export PATH=你的flutter安装目录/bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

如果还不行，就去网上搜索一下吧

4.运行flutter doctor出现下面报错问题

在这里插入图片描述

4.1android studio开发环境搭建

1）需要去下载android sdk 安装android studio，选择custom一路next
2）安装完之后再次运行 flutter doctor ，出现下面的错误
在这里插入图片描述
3）打开Android studio 找到如下设置、安装command-line（可能下载的版本不一样位置也不一样，可以网上搜一下）

4）再次执行flutter doctor

5）执行下面命令，然后会出现多次选项，你只要输入y就可以了

flutter doctor --android-licenses

6）再次执行flutter doctor ，至此，android studio 开发环境搭建完成✅
在这里插入图片描述

4.2 解决CocoaPods not installed. 🔗安装教程

1)CocoaPods的安装需要Ruby环境，Mac系统都自带Ruby，通过终端命令查看Ruby版本：

ruby -v

⚠️注意：安装时候ruby的版本是2.6以上的但是最后进行安装的时候还是出现了版本不够的问题，根据自己需要
2）更换Ruby镜像
Ruby默认的源地址是国外网络地址，通过下面终端命令查看当前镜像地址：

gem sources -l

在这里插入图片描述
3）移除当前镜像

gem sources --remove https://rubygems.org/

在这里插入图片描述
4）添加国内ruby镜像

gem sources -a https://gems.ruby-china.com/

在这里插入图片描述

5）检查镜像是国内镜像，开始安装CocoaPods、踩坑开始

sudo gem install cocoapods

在这里插入图片描述

6）可能遇到版本过低或者没有权限，可以尝试把sudo去掉 在后面添加 --user-install，不好用，不建议使用，试过了没有解决我的问题，如果有需要也可以尝试一下；是通过brew更新的

7）通过brew 更新ruby的版本
查看ruby的版本，然后安装最新版本

brew search ruby
brew install ruby@3.0

配置ruby的运行环境

echo 'export PATH="/opt/homebrew/opt/ruby@3.0/bin:$PATH"' >> ~/.zshrc
export LDFLAGS="-L/opt/homebrew/opt/ruby@3.0/lib"
export CPPFLAGS="-I/opt/homebrew/opt/ruby@3.0/include"

刷新当前shell环境

 source ~/.zshrc

8)查看已经安装的版本（由于权限问题虽然也安装上了，但是没有解决问题，需要进行删除）

gem list --local | grep cocoapods

删除自己有关cocoapods包的内容，只是写了一个，其它没一一展示

sudo gem uninstall cocoapods-deintergate

9）重新安装

sudo gem install -n /usr/local/bin cocoapods

在这里插入图片描述

10）运行flutter doctor，问题解决

在这里插入图片描述

4.3解决maven.goole.com报错

在这里插入图片描述

const String kMaven = 'http://maven.aliyun.com/nexus/content/groups/public/';

4.4解决github.com报错

在这里插入图片描述

git config --global http.proxy http://127.0.0.1:7890
git config --global https.proxy http://127.0.0.1:7890

解决以上问题，flutter环境就搭建好了，如果还有其他问题可能就需要自行上网搜索一下
参考链接：
M1芯片搭建：https://juejin.cn/post/7035985832196440071
解决flutter更新环境变量配置问题：
https://blog.csdn.net/sunbinkang/article/details/106918956
解决4.3、4.4问题：
https://blog.csdn.net/xo19882011/article/details/131386094#:~:text=%5B%21%5D%20Network%20resources%20%E2%9C%97%20A%20cryptographic%20error%20occurred,may%20have%20malware%20installed%20on%20your%20computer.%201

1.在终端运行sudo softwareupdate --install-rosetta --agree-to-license，下图展示安装成功的效果

2.下载以下安装包来获取最新的 stable Flutter SDK

3.解压，⚠️注意下载安装sdk的包名可能和文档名字不一样注意修改

3.1配置flutter环境变量 如果只配置下面三项，第一项不配置还是会显示找不到flutter命令

4.运行flutter doctor出现下面报错问题

4.1android studio开发环境搭建

4.2 解决CocoaPods not installed. 🔗安装教程

4.3解决maven.goole.com报错

4.4解决github.com报错

相关文章：

3.1配置flutter环境变量如果只配置下面三项，第一项不配置还是会显示找不到flutter命令