Flutter Visual Studio Code开发环境搭建

概述

之前基于 Android Studio 搭建过一套 Flutter 的开发环境，开发的时候发现机器资源占用过高，所以最终弃用了。用 VSCode 开发 Flutter 目前是主流，相关生态成熟，编辑器占用资源也很少，开发更为顺畅。
以下内容参考了 官网 教程。官网如果无法访问试一下科学上网。

开发环境搭建

安装 VS Code

VS Code 最新稳定版本。

安装插件-Flutter and Dart

1. 打开 VS Code
2. 打开命令面板 View > Command Palette，快捷键 shift+command+p
   
3. 输入 “install”, 并选择"Install Extensions"
   
4. 输入 “flutter”, 选择 “Flutter” 并点击安装，这一步会同时安装必备的 Dart 插件
   

安装模拟器

IOS 和 Android 模拟器的安装大家自行百度。

检查是否配置成功

1. 打开命令面板 View > Command Palette，快捷键 shift+command+p
2. 输入 “doctor”，并选择: Run Flutter Doctor.
   此时会在 OUTPUT 区域显示各个检查项的情况。
   Flutter 版本、Dart 版本
   
   编辑器版本、Flutter 插件版本、设备的情况
   
   如果这些事项的前面都是对号则说明开发环境没有问题，如果前面是感叹号"!“那就说明这一项没有安装或者有问题需要处理。
   如果发现你的 Connected device 前面有一个感叹号”!"，这时你需要启动模拟器。

创建App

1. 打开命令面板 View > Command Palette，快捷键 shift+command+p
2. 输入"flutter",并选择： Flutter:New Project
3. 输入项目名称，并选择项目创建路径
4. 运行App，Run > Start Debugging 或者按F5

这时模拟器中就会运行一个最简单的计数App。