[移动开发]mac 上 安装 Flutter

写这篇文章时候的电脑系统为：macOs Monterey?12.1 (21C52)

安装的Flutter版本为：2.8.1

中文网教程：起步:安装Flutter - Flutter中文网

步骤一 安装所需要的文件

官方 SDK 下载地址：Flutter SDK releases | Flutter

Android Studio 下载地址：Download Android Studio and SDK tools ?|? Android Developers

Xcode：苹果商店下载安装，推荐安装flutter之前先安装Xcode，安装完之后先运行下，输入账号激活掉， 因为之后有些安装命令需要xcode，xcode自带git。

Flutter 国内镜像：

#flutter 国内镜像
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

JDK：android studio 自带jdk，不需要额外安装，即使在“flutter doctor”中“flutter doctor
--android-licenses”只要在 android studio 勾选了 “Android SDK Command-line Tools”就能运行。

步骤二 配置 Mac 系统环境变量

1. command?+?空格?打开聚焦搜索， 输入"terminal”， 打开终端。
2. 在终端中输入“vim ~/.zshrc”。
3. 打开编辑器，输入"a"，进入编辑模式。
4. 输入Flutter国内镜像（见步骤一）。
5. 点击esc退出编辑，再输入“:wq”保存，就会回到终端。
6. 在终端输入“source ~/.zshrc”。
7. 完成 Mac系统 flutter国内镜像的环境配置。

步骤三 配置Flutter目录

1. 将下载好的Flutter sdk解压，并复制到你要保存的位置。(例：用户目录)
2. 获取你flutter路径, 在终端中找到你安装的位置（利用ls,cd命令），到达文件路径之后利用“pwd”命令获取路径.
3. 在终端中输入“open ~/.zshrc”。
4. 在~/.zshrc文件中，添加“export PATH=刚刚获取到的路径/flutter/bin:$PATH”。
5. command?+?s?保存之后，关闭文本编辑器。
6. 在终端输入“source ~/.zshrc”。

步骤四 运行 android studio

1. 打开android studio。
2. 显示“Unable to access Android SDK add-on list”， 点击?cancel。
3. 一直点击next，直到finish。
4. 等待下载。
5. 下载完成之后打开，在右侧选择plugins, 选择上方的Marketplace。
6. 在搜索栏中输入“flutter” ，选择第一个进行“install”。
7. 安装完之后“Restart IDE”，就会重启软件。
8. 在android studio 软件界面，输入command?+?,?打开?Preferences for New Projects.
9. 在搜索栏中输入“sdk”， 选择 “Appearance & Behavior / System Settings / Android SDK”。
10. 选择?SDK Tools，将下面列表中的“Android SDK Command-line Tools” 勾选上，然后点击下方的Apply， 安装该工具。

步骤五 运行flutter doctor

1. 在终端中 输入 “flutter doctor”。
2. 可见第二条“Android toolchain - develop for Android devices ...” 是感叹号。
3. 在终端中 输入 “flutter doctor --android-licenses”。
4. 之后看见（y/n）都输入"y"。

步骤六 xcode 配置

1. 在苹果商店里面安装下载xcode。
2. 运行xcode并输入苹果账号密码。
3. 在终端中 输入 “sudo gem install cocoapods”， 输入机器密码进行安装。
4. 等待安装。

步骤七 新建flutter项目

1. 可以再自检一下在终端中 输入 “flutter doctor”。
2. 打开android studio 就可以看见有一个new flutter project。