在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.交流群: 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 的嘉賓 说道 : 很久前
能不能配个图??????????