VSCode搭建Flutter开发环境

一. VSCode中安装Flutter和Dart插件

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

插件安装

二. 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的预览模式

显示网格,帧率 显示网格 显示帧率