在 macOS 上搭建 Flutter 开发环境

概览

我是按照 Flutter中文网 的安装提示进行安装的，But，安装过程中遇到了一些坑。

第一步配置环境变量

Android 开发者很熟悉啦，要把 adb 命令添加到环境变量，按照文档提示配置没有问题。
只不过 macOS 上添加全局环境变量方式如下：

• 打开终端，输入: cd ~/进入用户目录;
• 输入:touch .bash_profile，如果当前没有这个文件,则会默认创建;
• 输入:open .bash_profile，如果是第一次创建,则默认为空白的文件;
• 在文件内粘贴 export 命令,例如 Flutter 开发环境：

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=PATH_TO_FLUTTER_GIT_DIRECTORY/flutter/bin:$PATH

（注意：PATH_TO_FLUTTER_GIT_DIRECTORY 为你flutter的路径，比如“~/document/code”）

• 最后一步终端输入source .bash_profile 保存刚才的改动使其生效。

配置 Android 的环境变量可以参考我之前的文章：https://www.jianshu.com/p/fe6e91157732

第二步检查 Flutter 配置（开始入坑）

第一步报错
按照安装文档提示执行flutter doctor，按照终端提示修改了相关内容。
But 最后这两个报错终端没有提示该怎么改正。
✗ Flutter plugin not installed; this adds Flutter specific functionality.
✗ Dart plugin not installed; this adds Dart specific functionality.

➜  ~ flutter doctor                   
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, v1.12.13+hotfix.5, on Mac OS X 10.14.6 18G103, locale zh-Hans-CN)
[✓] Android toolchain - develop for Android devices (Android SDK version 29.0.2)
[✓] Xcode - develop for iOS and macOS (Xcode 10.2.1)
[!] Android Studio (version 3.5)
    ✗ Flutter plugin not installed; this adds Flutter specific functionality.
    ✗ Dart plugin not installed; this adds Dart specific functionality.
[✓] VS Code (version 1.41.1)
[✓] Connected device (2 available)

! Doctor found issues in 1 category.

我已经检查了 Android Studio 的版本是 v3.5 符合要求的，不知道怎么解决，Google 搜索这个 issue：https://github.com/flutter/flutter/issues/11940
按照 issue 的提示做了如下处理：

1.) Start the Android Studio application
2.) Open plugin preferences (Preferences>Plugins on macOS, File>Settings>Plugins on Windows & Linux).
3.) Select Browse repositories…, select the Flutter plug-in and click install .
4.) Click Yes when prompted to install the Dart plugin.
5.) Click Restart when prompted.

再次运行flutter doctor仍然还有一个报错。
✗ Flutter plugin not installed; this adds Flutter specific functionality.

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, v1.12.13+hotfix.5, on Mac OS X 10.14.6 18G103, locale zh-Hans-CN)
[✓] Android toolchain - develop for Android devices (Android SDK version 29.0.2)
[✓] Xcode - develop for iOS and macOS (Xcode 10.2.1)
[!] Android Studio (version 3.5)
    ✗ Flutter plugin not installed; this adds Flutter specific functionality.
[✓] VS Code (version 1.41.1)
[✓] Connected device (2 available)
! Doctor found issues in 1 category.

又搜了相关 帖子，发现要在 Android Studio 安装了 Flutter，于是我按照下图操作了一下：

image.png

But 又报错了，install 的时候报错安装失败：

image.png

此时搜了搜，不知道为什么了。。
然后我又搞了一圈，检查了环境变量，查了一下安装文档，找了好多帖子，
还是没找到答案，
突然我灵机一动，重启一下 Android Studio，然后就又可以安装了。。。

image.png

点击「Restart」，重启就好了。

最后运行 flutter doctor 测试一下：

➜  ~ flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, v1.12.13+hotfix.5, on Mac OS X 10.14.6 18G103,
    locale zh-Hans-CN)
[✓] Android toolchain - develop for Android devices (Android SDK version 29.0.2)
[✓] Xcode - develop for iOS and macOS (Xcode 10.2.1)
[✓] Android Studio (version 3.5)
[✓] VS Code (version 1.41.1)
[✓] Connected device (2 available)

• No issues found!

完美，全部通过！
✌️