macOS上搭建Flutter开发环境

229 阅读1分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第1天,点击查看活动详情

MAC 上其实早就搭建了Flutter开发环境 只不过没搭建成功,失败几次后,又被工作耽误就忘了。一直以为是搭建成功的状态,今天在终端(terminal)输入flutter,居然没反应,并显示(command not found: flutter),下定决心今天一定搭建成功。😄

获取Flutter SDK

git clone git@github.com:flutter/flutter.git

设置flutter PATH环境变量

// 打开.zshrc文件编辑
open .zshrc

// 加入flutter
export PATH=`安装flutter路径`/flutter/bin:$PATH

// 保存后执行,配置立马生效
source .zshrc

运行 flutter doctor

flutter doctor

解决Xcode报错

// 报错输出
Xcode - develop for iOS and macOS
CocoaPods not installed
CocoaPods is used to retrieve the iOS and macOS platform side's plugin
        code that responds to your plugin usage on the Dart side.
        Without CocoaPods, plugins will not work on iOS or macOS.
        For more info, see https://flutter.dev/platform-plugins
    To install see https://guides.cocoapods.org/using/getting-started.html#installation for instructions.

照着提示安装cocoapods

sudo gem install cocoapods

解决Android报错

找到本地残留的Android SDK并删除(/Users/xxx/Library/Android)

cd ~
open Library/

下载Android Studio

  • 官网地址 选择MAC版本下载并安装
  • 打开Android Studio

通过Android Studio下载Android SDK并安装

  • 打开SDK Manager,选择SDK版本并且下载 flutter1.jpg flutter2.jpg
  • 进入 /Users/xxx/Library/Android/sdk/cmdline-tools/bin目录下,执行以下代码
// 安装需要的Android SDK包。
./sdkmanager "build-tools;32.0.0" "platforms;android-32" "platform-tools"

配置Android SDK环境变量

// 打开.zshrc文件编辑
open .zshrc

// 加入Android SDK环境变量
export ANDROID_HOME=/Users/xxx/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/platform-tools

// 保存后执行,配置立马生效
source .zshrc

同意Android 许可证

// 全部选择同意(y)并回车
flutter doctor --android-licenses

全部正确运行flutter doctor

flutter doctor

// 得到正确输出
[✓] Flutter (Channel master, 3.1.0-0.0.pre.1900, on macOS 11.4 20F71 darwin-x64,
    locale zh-Hans-CN)
[✓] Android toolchain - develop for Android devices (Android SDK version 32.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 13.2.1)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2021.2)
[✓] VS Code (version 1.69.2)
[✓] Connected device (2 available)
[✓] HTTP Host Availability

参考

入门: 在macOS上搭建Flutter开发环境