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

官方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是谷歌开发的计算机编程语言)

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、好了教程就到这里了,可能教程也比较简单,后面再给大家分享一下其他的。谢谢大家的查阅。😘

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 谷歌的 Flutter 为开发人员提供了一种构建 Android 和 iOS 原生用户界面的方法,为开发人员减少了...
    高级java架构师阅读 9,234评论 1 40
  • Content: Flutter框架概况发展概述发展历史框架特性框架结构 快速入门安装Flutter在Mac OS...
    EchoZuo阅读 6,498评论 3 54
  • 各位家长好: 首先随喜各位家长和孩子们能够坚持学习弟子规,。经过一个多月的弟子规学习,相信各位家长对孩子的学习...
    缘孟阅读 434评论 0 0
  • 2017-10-16 姓名:徐祖德 公司:广东思沃精密机械有限公司 230期_利他1组 272期_乐观2组志工 【...
    徐祖德阅读 124评论 0 0
  • 健身完后、非常的饿! 偶遇到一家冷面馆、虽然门头是中文字、到是从橱窗隐约的看见菜单上都是朝鲜族的美食、怀着忐忑的心...
    丿阿九阅读 667评论 1 2