Flutter vscode 开发

4 min read

这里主要介绍的是 VSCode 下如果创建工程：

新建工程

可以在Control+p, 输入>flutter: new project创建一个工程。

选择设备

点击 VScode 右下角的设备，然后选择刚刚在 AS 下载的模拟器。

启动项目

输入命令: flutter run，等待依赖下载。

调试

选择到调试（虫子），添加调试配置，只管添加配置，然后保存就好了。选择左上方的开启调试。项目开始打包构建安装到选择的选择的设备上。

配置可以使用这个配置，并保存：

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "dart",
      "name": "Flutter",
      "request": "launch"
    }
  ]
}

热重载

lib/main.dart 中编辑插入 Text('hello flutter')，保存文件，你会发现效果会立马呈现到 App 上，开发如此丝滑。有点类似前端的 webpack 实现的热重载功能。