VSCode搭建Flutter开发环境

一. VSCode中安装Flutter和Dart插件

在VSCode中安装Flutter插件,如图所示


1398132-8367e567c9174670.png
插件安装

二. VSCode中如何安装和启动虚拟机

使用Mac的开发的小伙伴可以使用Genymotion(Android模拟器) iPhone(iOS模拟器), 进行对Flutter项目的运行, 进入工程目录之后使用

flutter run

命令进行运行.(前提是已经挂载了虚拟设备)

三. VSCode中新建Flutter项目并运行

新建Flutter项目使用以下命令即可

flutter create Demo

即:创建了一个Demo的Flutter的工程.

四. VSCode中常用的快捷键

以下命令均在Flutter项目运行之中进行调试. (在终端中进行输入)

R 键重新启动
r 键热重载
q 退出
p 显示网格
P 显示帧率
o 切换Android与iOS的预览模式
1398132-070370f71cfd3b58.png
显示网格,帧率
1398132-49f0975942847c7a.png
显示网格
1398132-cafe69e36ceadfe7.png
显示帧率

猜你喜欢

转载自blog.csdn.net/weixin_33739541/article/details/87598513