vscode快速构建Flutter项目+热加载调试

发表于 | 分类于 | 本文总阅读量 次
字数统计: | 阅读时长 ≈

官方SDK 更新，加上本机环境出了点问题，所以写了这篇文章。简单的介绍一下 Flutter 应用在vscode中的快速构建和热加载调试。

温馨提示操作之前先配一下如下镜像到你的环境变量中。不然下载依赖会等到地老天荒。SDK 安装请参考 中文官网

1
2
3
export PUB_HOSTED_URL=https://pub.flutter-io.cn export

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

1、插件中安装 Flutter 插件，安装完毕重新载入软件，安装 Flutter 插件的时候会默认的安装 Dart 插件（Dart是谷歌开发的计算机编程语言）

image.png

2、打开vscode命令面板（comm+shift+p）选择Flutter:new project

image.png

3、输入你需要的项目名称选择对应存放的文件位置，等待依赖下载，你会看到下图

image.png

4、点击设备可以创建设备，开启已有设备，开启设备后选择到调试（虫子），添加调试配置，只管添加配置，然后保存就好了。

image.png

5、选择左上方的开启调试。项目开始打包构建安装到选择的选择的设备上。

image.png

6、lib/main.dart中编辑插入 Text(‘hello flutter’)，保存文件，你会发现效果会立马呈现到 App 上，开发如此丝滑。

image.png >7、好了教程就到这里了，可能教程也比较简单，后面再给大家分享一下其他的。谢谢大家的查阅。😘
原文来着我的简书