在windows下使用vscode同时利用ios和android虚拟机调试flutter应用程序

字号+ 编辑: 国内TP粉 修订: SyncLWT 来源: 原创 2023-09-11 我要说两句(1)

使用vscode的一些快捷键和两个常用的控制台指令。

事先确保已经安装了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预览模式

阅完此文,您的感想如何?
  • 有用

    3

  • 没用

    2

  • 开心

    1

  • 愤怒

    0

  • 可怜

    0

1.如文章侵犯了您的版权,请发邮件通知本站,该文章将在24小时内删除;
2.本站标注原创的文章,转发时烦请注明来源;
3.Q群: 2702237 13835667

相关课文
  • Invalid prop custom validator check failed for prop navigationBarTextStyle

  • svg是什么文件格式?如何打开svg文件?

  • Cordova报错Could not find an installed version of Gradle either in Android Studio

  • flutter基础名词和简单代码案例

我要说说
网上嘉宾点评
1 楼 IP 121.69.***.254 的嘉宾 说道 : 很久前
能不能配个图??????????