1.3　在macOS下安装Flutter

Flutter在macOS和Windows上的安装步骤不同，这节讲解如何在macOS上安装Flutter。如果你是Windows用户请跳过1.3和1.4节，同样如果你是macOS用户请跳过1.5和1.6节，下面我们看一下安装过程。

下载并安装Flutter的步骤如下：

首先访问Flutter的官网https://flutter.dev/，浏览器将会显示如图1.4所示的页面，单击页面右上方“Get started”，然后下载Flutter的稳定版本。解压文件到指定目录，例如/flutter目录下面，然后在终端运行vim~/.bash_profile命令，配置环境变量，如图1.5所示。

配置好变量后，在终端运行source./.bash_profile使配置生效，再运行flutter doctor命令，这个命令检查环境是否正确，并向终端窗口显示报告。Dart SDK与Flutter捆绑在一起，没有必要单独安装Dart。请仔细检查输出以了解可能需要安装的其他软件或执行的其他任务（以粗体显示）。如果没有安装Xcode，需要安装一下Xcode 9.0或以上版本。同样，如果没有安装Android Studio，也需要安装最新版本的Android Studio。再运行flutter doctor命令，如图1.6所示，提示没有可用的设备。

图1.4　Flutter官方网站

图1.5　配置Flutter环境变量

运行open -a Simulator命令打开模拟器，然后通过命令创建我们的第一个Flutter App。首先进入项目目录，我的项目目录是根目录下的flutter-app，然后运行flutter create my_app。Flutter会帮我们生成Flutter相关的文件，创建好后进入my_app目录，运行flutter run命令，这样我们的第一个Flutter App就创建好了，并成功运行到模拟器上了，如图1.7所示。

图1.6　检查环境是否正确

图1.7　Flutter App运行在iOS模拟器上

Flutter支持热加载，完成启动后，单击R键进行热加载。

下面看一下如何将项目运行到Android的模拟器上，打开Android Studio，打开一个已有的项目，就是我们刚才生成的my_app。首先需要创建一个模拟器，单击页面上方的“Tools”按钮，然后单击“AVD Manager”按钮创建一个Android模拟器，如图1.8所示。

选择这个模拟器，单击页面右侧的“run”按钮，把我们的Flutter App运行到这个模拟器上。你可以使用Android Studio编写代码，也可以使用IntelliJ IDEA，我们这里使用Visual Studio Code编写。

图1.8　创建一个Android模拟器