安装 Android Studio

下载 Android Studio

由于官网需要翻墙，这里建议没有梯子的朋友选择镜像网站下载（https://www.androiddevtools.cn/），我下载的是 3.4.1 正式版本。

安装 Android Studio

完成下载后运行安装软件。

安装时需要选择安装路径，习惯使然，我安装到 D:\Application\Android Studio 目录下。

安装完成后启动 IDE。第一次启动会让你导入配置文件，如果没有该需求，选中 “Do not import settings”，点 OK。此时会弹出 Unable to access Android SDK add-on list，点击 Cancel 取消。一路 Next ，最后 Finish。接着会自动下载 Android SDK，结束以后 Finish，来到下面这个界面。

点击右下角 Configure，选中 AVD Manager（这里据说可能报错，原因是 HAXM 没有安装。详见可看：https://blog.csdn.net/qq_33505204/article/details/78452286）。

添加模拟器

添加模拟器关键步骤如下所示：

• 点击 Create Virtual Device：
  
• 按需选中机型：
  
• 按需下载，Name 旁边显示蓝色 Download 表示没有下载。它们间的区别在右边显示：
  
• 大功告成后显示如下：
  

安装与配置 Flutter

官网下载 Flutter ：https://flutter.dev/docs/development/tools/sdk/releases?tab=windows。我选择了 1.5 稳定版。

开始相关的环境配置：

• 添加用户变量：控制面板 -> 用户账户 -> 用户账户 -> 更改我的环境变量

  FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

  

同理设置 PUB_HOSTED_URL：

PUB_HOSTED_URL=https://pub.flutter-io.cn

• 解压 Flutter，将其目录下的 bin 目录路径追加到用户变量 Path 中。如果没有这个变量，可以新建一个，操作同上。

VS Code 配置

打开 VS Code，Ctrl + Shift + X，搜索 flutter，安装扩展。

安装完成后重启 VS Code，Ctrl + Shift + P，键入 Flutter New Project，创建一个 Flutter 项目。输入项目名，选择文件夹，等待初始化完成。

看 VS Code 右下角状态栏，应该显示的是 “No Devices”，这是因为我们没有设置模拟器。点击该状态，设置模拟器。

为调试方便，将模拟器置顶是个不错选择。设置方法如下：

添加调试的配置文件。Ctrl + Shift + D ，选择 Add Configuration，然后点击旁边的绿色运行按钮。

继续等待，第一次耗费时间较长，一切就绪后便可以开始 Flutter 之旅啦。Ctrl + S 保存代码后会触发热加载，不需要重启项目也能达到更新代码的目的。

参考

• 感谢极客时间陈航老师的《Flutter核心技术与实战：从0开始搭建Flutter工程环境》
• 感谢 IT创客 的 Android Studio 模拟器的选择和安装