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