欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-06-22 18:18:56
...

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

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

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

FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn 
复制代码

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

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

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

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

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

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

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