mac安装Flutter环境【详细步骤】

241 阅读1分钟

在 Desktop 下 新建 文件夹 flutter-sdk

说明: 以下 law.luo 为 用户名(改成你的用户名)

/Users/law.luo/Desktop/flutter-sdk

去官网下载 mac 安装包

flutter_macos_1.22.5-stable.zip

把安装包 丢进 flutter-sdk 文件夹里面

cd flutter-sdk
unzip flutter_macos_1.22.5-stable.zip

添加flutter相关工具到path中: 方法一:(此代码只能暂时针对当前命令行窗口设置PATH环境变量)

// 在 当前 /flutter-sdk 目录下 输入回车
export PATH=`pwd`/flutter/bin:$PATH
// 等同于
// pwd -> /Users/law.luo/Desktop/flutter-sdk
// export PATH=/Users/law.luo/Desktop/flutter-sdk/flutter/bin:$PATH

方法二: 全局变量

vim $HOME/.bash_profile

里面添加

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=$PATH:/Users/law.luo/Desktop/flutter-sdk/flutter/bin:$PATH
source $HOME/.bash_profile

查看

echo $PATH
flutter doctor

重启 vs code 方法3:

手动添加sdk
"Locate SDK"
选择 flutter -> bin 文件夹
然后重启vs code 
重启新建flutter项目
自动生成依赖文件
如下

正常的flutter项目

在 /flutter-sdk 文件夹下 运行以下命令查看是否需要安装其它依赖项来完成安装:

flutter doctor
// 或者
flutter doctor -v

若有以下错误:

flutter doctor --android-licenses
// yes 全部 yes
  • 安装 Android Stdio (android-studio-ide-201.6953283-mac.dmg)
  • 去 App Store 安装 xCode
  • 在 VS Code 里 安装 Flutter 插件(Dart)
https://developer.android.com/studio/index.html
sudo xcodebuild -license
// yes
// agree

在Android Studio自带的terminal中直接执行brew install cocoapods,默认是在项目根目录执行的,


rvm install 2.5.8 // 有些版本不稳定 安装不了(可更改 2.2.2 ++)
sudo gem install -n /usr/local/bin cocoapods // 或者 sudo gem install cocoapods

pod setup

如果:MAC, Android Studio 4.1环境, 安装flutter插件并重启后在终端运行flutter doctor却报错,具体如下

ln -s ~/Library/Application\ Support/Google/AndroidStudio4.1/plugins ~/Library/Application\ Support/AndroidStudio4.1

在 vs code里 将flutter的sdk部署到系统环境path中