Flutter开发环境在Mac上的搭建(iOS和Android图文详细过程)

系统要求

在Mac上要安装并运行Flutter要满足以下最低要求:

• 操作系统: macOS (64-bit)
• 磁盘空间: 700 MB (不包括Xcode或Android Studio的磁盘空间）.
• Flutter安装依赖以下命令行工具：bash curl git 2.x mkdir rm unzip which

本机环境

Mac Pro配置：

型号	系统版本
MacBook Pro (15-inch, 2017)	10.15.6

手机配置：

手机	系统版本
iPhone 7 Plus	13.6.1
华为Mate 40 Pro	10.1.0.152

设置Flutter镜像

因为在国内访问Flutter可能会受到限制，Flutter官方为中国开发者搭建了临时镜像，需要将镜像地址添加到环境变量中。

环境变量路径：

/Users/你的用户名/.bash_profile

Flutter镜像地址：https://flutter.dev/community/china

需要注意的是，Flutter镜像地址会有更新，需要随时修改环境变量。

在环境变量路径下，使用vim命令，添加Flutter镜像地址到.bash_profile文件中。

# 添加Flutter镜像地址
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

获取Flutter SDK

1. 点击Flutter官网下载最新的安装包，这里选用的是macOS系统1.20.2稳定版(flutter_macos_1.20.2-stable.zip)。
2. 解压缩到安装目录(这里我在用户becomebamboo下新建了development目录)。

cd /Users/becomebamboo/development
unzip /Users/becomebamboo/Downloads/flutter_macos_1.20.2-stable.zip

3. 将Flutter添加到Path(类似添加jdk)，此时修改后的.bash_profile文件如下：

# 添加Flutter镜像地址
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

# 将Flutter添加到PATH
export PATH=/Users/becomebamboo/development/flutter/bin:$PATH

安装Android Studio及插件

安装Android Studio

Android Studio是谷歌公司推出的针Flutter的一款IDE，目前主流的Flutter IDE为Android Studio、IDEA和Visual Studio Code，其中IDEA和Android Studio是一样的内核，可以通过Jetbrains Toolbox更新，这里推荐使用免费的Android Studio，下载地址为：

• 国外：https://developer.android.com/studio
• 国内：https://developer.android.google.cn/studio

配置Android Studio

安装SDK并配置环境变量

安装完成后启动Android Studio，然后执行“Android Studio安装向导”。这将安装最新的Android SDK，Android SDK平台工具和Android SDK构建工具。