Flutter 开发环境配置

1、搭建环境

由于Flutter会同时构建Android和IOS两个平台的发布包，所以Flutter同时依赖Android SDK和iOS SDK，在安装Flutter时也需要安装相应平台的构建工具和SDK

• Git 和 Node.js 的环境就不说了

• 安装 JDK
  下载地址
  环境变量配置：
  1、JAVA_HOME ： C:\Program Files\Java\jdk1.8.0_181
  2、找到Path路径，其后添加值 ;%JAVA_HOME%\bin
  3、CLASSPATH：.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar

• 安装 Android Studio
  下载地址
  安装完后下载夜神模拟器，安卓自带的模拟器太占内存了，这个模拟器很轻量，用来开发很合适 https://www.yeshen.com/

• 下载 gradle(4.6版)
  如不能翻墙，看下面这篇文章
  https://download.csdn.net/download/u012590555/10264690

• 下载 flutter sdk
  https://flutterchina.club/setup-windows/

• 检查安装是否成功

  
  

2、创建项目

这里只使用 VSCode 来开发，不用启动 Android studio

• 安装 flutter 插件
• ctrl + shift +p，Flutter New Project

• 选择存放项目目录

  
  项目结构
• 启动项目
  启动项目之前需要先启动一个模拟器，这里就用上面提到的夜神模拟器，具体配置参考 https://blog.csdn.net/mazaiting/article/details/72673166，然后在终端输入 flutter run 就可以启动了

• 热更新开发体验
  直接以 flutter run 启动的情况下，需要每次在终端输入r 才能热更新，而不是保存代码后自动热更新，开发体验不是很好。另一种启动方式是通过VSCode的 debug 模式启动，这种方式就可以保存后热更新：

  
  
• 安装 Flutter Widget Snippets 插件快速编码

• 首次使用时选择激活 Dart Devtools，方便调试

  
  devtool
  调试页面