[Flutter系列]01 在 macOS 上安装Flutter 开发环境

一、前言

由于是跨平台开发，要使用Xcode，所以，最好要有macOS系统的电脑。
先安装好安卓和苹果两个平台的IDE，分别为Android Studio和Xcode。
自行安装，就不具体介绍这两个IDE了。

二、运行模拟器

1、运行安卓模拟器

方法一，打开Android Studio菜单里面的AVD Manager，创建模拟器即可。
方法二，打开Terminal，输入命令：

cd ~/Library/Android/sdk/tools 
./emulator -list-avds
./emulator @Nexus_5_API_28

如图所示：

如果，报错：PANIC: Missing emulator engine program for ‘x86’ CPU.
解决方法：
1）进入目录：~/Library/Android/sdk/
2）备份~/Library/Android/sdk/tools 目录
3）拷贝 ~/Library/Android/sdk/emulator 到 ~/Library/Android/sdk/tools
4）重新去命令行运行，即可
模拟器效果：

2、运行苹果模拟器

打开Terminal，输入命令：

open -a simulator

模拟器效果：

三、配置Flutter镜像

由于网络原因，Flutter 项目获取依赖包时有可能会失败，可通过设置官方提供的国内镜像来解决网络问题。
打开macOS配置环境变量的文件.bash_profile 进行编辑。
文件所在目录：

如果看不到隐藏文件，按快捷键：command+shift+.。
在文件最后新增如下两个环境变量即可：

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

可以通过文本编辑器打开或命令行打开（vi ~/.bash_profile）。

四、获取 Flutter SDK

官网下载最新的Flutter SDK包，https://flutter.dev/docs/development/tools/sdk/releases?tab=macos
现在最新版本为：1.22.6。
下载解压后的flutter文件夹，放到Documents目录。
为了可以在命令行中使用Flutter命令，需要配置环境变量。
还是打开.bash_profile文件，增加以下代码：

export PATH=~/Documents/flutter/bin:$PATH

执行命令，使配置生效：

source ~/.bash_profile