Mac系统搭建Flutter开发环境-持续更新_添加flutter相关工具到path中

1.前言

最近在使用Flutter开发项目，关于Flutter，搭建可以从Flutter官网了解下最新的信息。在搭建开发环境的过程中顺便记录下，让后来者少踩几个坑。

2.开发环境搭建

(1).系统要求 以及当前环境

系统要求：

要安装并运行Flutter，您的开发环境必须满足以下最低要求:
操作系统: macOS (64-bit)
磁盘空间: 700 MB (不包括Xcode或Android Studio的磁盘空间）.
工具: Flutter 依赖下面这些命令行工具.
bash, mkdir, rm, git, curl, unzip, which

当前环境：

1. 系统 : macOS Catalina 10.15.5
2. Flutter SDK
3. Xcode 11.5
4. Android Studio 3.6.3

(2).获取Flutter SDK

关于Flutter SDK共有四个版本,分别是Stable(稳定版),Beta(测试版),Dev(开发版)，Master版，建议选择stable版本，我们可以去这里，选择我们的操作系统(这里选macOS)，当前最新的版本是1.17.4-stable.zip.

(3).解压Flutter SDK

解压安装包到你想安装的目录，使用终端解压或者是直接双击zip文件解压。例如：

cd ~/development
unzip ~/Downloads/flutter_macos_v0.5.1-beta.zip

解压后的文件目录如下:

(4).添加flutter相关工具到path中

由于在国内访问Flutter有时可能会受到限制，Flutter官方为中国开发者搭建了临时镜像，大家可以将如下环境变量加入到用户环境变量中：
用vim打开~/.zshrc，增加配置代码保存。

#配置国内临时镜像
export PUB_HOSTED_URL=https://pub.flutter-io.cn export
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
#添加到path中
PATH=“$PATH:/Users/用户名/development/flutter/bin”

注意:这里的用户名要改成自己的用户名,路径改成自己的路径即可。
终端执行命令source ~/.zshrc 让配置立即生效

(5).安装Android Studio(IDEA，VSCode也可)

1.安装Android Studio
Android Studio, 3.0或更高版本.我的版本是3.6.3
2.安装Flutter和Dart插件

1. Flutter插件：支持Flutter开发工作流 (运行、调试、热重载等).
2. Dart插件： 提供代码分析 (输入代码时进行验证、代码补全等).

3.运行flutter doctor

终端运行flutter doctor，看下配置是否正确。如果出现下图类似的信息，说明你配置成功了。(我这边已经配置好了androidStudio的开发环境)。出现以下截图，说明我们的开发环境已经配置OK了。

➜ ~ flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, v1.17.4, on Mac OS X 10.15.5 19F101, locale
zh-Hans-CN)
[✓] Android toolchain - develop for Android devices (Android SDK version 29.0.3)
[✓] Xcode - develop for iOS and macOS (Xcode 11.5)
[✓] Android Studio (version 3.6)
[✓] Connected device (1 available)

• No issues found! ➜ ~

使用不同版本的Flutter 运行flutter doctor时候，终端显示的可能不一样，注意下如果出现报错，解决一下即可。