事先确保已经安装了android studio, 不然虚拟机从何而来呢? 有的小伙伴搞不定android studio, 那么试着找个梯子翻一下墙吧。
之后检查是否把flutter/bin这个路径已经写入了系统PATH变量里, 否则vscode很多flutter终端命令都会报找不到文件的错误。
vscode现在是免费的, 随处都可以下载, 下载完毕后, 点击vscode左边中间一点的位置有个插件安装功能按钮, 查找flutter关键字, 安装flutter插件。此时,dart插件会被同时安装进来。
观察vscode界面最右下角有个No device标签, 那里就是选择虚拟机设备的功能区域。
观察vscode下方界面有个terminal字样的标签, 那个相当于封装进vscode界面里的一个便捷控制台。
下面提到本文的重点,两个vscode控制台命令的使用:
1 建立一个flutter项目, 名字为demo1
flutter create demo1
2 试运行一个现有的flutter项目也有个命令:
flutter run
前提你需要进入项目目录里面, 以命令1里面的项目名称为例子的话, 你先要cd demo1这样先切换到项目里面去, 才能正确运行这个flutter项目,不然报错以下错误提示, 系统不知道你要运行哪个项目:
No pubsec.yaml file found.
另外还有四个vscode调试flutter程序用到的快捷键
1 按钮R 热加载
2 按钮P 显示界面网格, 专业调试时用
3 按钮O 切换android和ios预览模式(这个很重要)
4 按钮Q 退出debug预览模式