如何使用VSCode编写Flutter

1.首先需要安装插件：
在vscode左上角点击【扩展】（快捷键 ctrl + shift + x）图标：

在搜索框搜索Flutter并点击安装，当然还需要安装Dart插件，但是我们在安装Flutter插件时，vscode会顺便帮我们安装好了Dart插件。

2.在编辑器中新建项目：

• 使用快捷键ctrl+shift+P打开命令面板

• 输入Flutter

• 选择”New Project”

• 输入项目名称、回车

• 选择项目文件的存放目录

• 等待项目成功创建，以下就是项目的目录结构，与Android Studio中的差不多。打开lib目录下的main.dart文件。

  

3.调试项目
首先启动模拟器：按F5并选择安装过的模拟器，若没有安装过需要在android studio中安装。
最后在编辑器终端输入Flutter run即可启动项目，在模拟器中实时预览了。

4.热预载的方法：
首先需要知道，我们在输入Flutter run之后会有几个红色文字提示，说明了我们可以做的事：

r 键：点击后热加载，也就算是重新加载吧。
p 键：显示网格，这个可以很好的掌握布局情况，工作中很有用。
o 键：切换android和ios的预览模式。
q 键：退出调试预览模式。

所以热预载的第一个方法就是输入R（或 r）即可。

第二个方法是：点击左上角的图标，以打开debug模式，这样我们每次在保存代码之后，模拟器就会立即自动更新啦。