Visual Studio Code中搭建Flutter开发环境

在Visual Studio Code 中安装Flutter和Dart插件

打开Visual Studio Code 工具,然后点击插件,输入flutter,然后点击 install 进行安装

Visual Studio Code中新建Flutter项目并运行

1、首先右击左侧菜单栏的空白处,点击 Open in Integrated Terminal

[$]

2、然后进入到Flutter 工作空间,输入以下命令创建一个flutter项目

flutter create HelloWord

HelloWord为项目名称

3、项目创建完成以后,通过Visual Studio Code打开该Flutter项目,点开项目名称/lib/main.dart文件,然后在右下角点击选择要运行Flutter虚拟机,

4、然后开启已经通过AndroidStudio创建好的虚拟机

5、然后通过命令窗口进入到该flutter项目的根目录下,输入如下命令运行flutter项目

flutter run

最终运行到虚拟机的效果图如下:

在Visual Studio Code 中运行项目时,对虚拟机进行操作的快捷键

1、R键

当flutter项目运行以后,输入R,可以进行热加载,并且直接看到预览效果

2、P键

通过输入P键,可以在虚拟机中显示布局网络,从而查看当前的布局状态

3、O键

输入O键,可以切换Android和IOS的预览模式

4、Q键

输入Q键,表示退出调试预览模式,也就是退出该应用

[/$]

如果觉得文章有帮助到你,可以扫描以下二维码
   请本文作者 喝一杯
pay_weixin pay_weixin

发表评论

电子邮件地址不会被公开。 必填项已用*标注