一、前言 在上一篇文章中,介紹了Flutter的開發環境搭建流程,創建並運行成功一個flutter項目,用戶界面呈現也通過Android虛擬機實現線上查看效果。 但是對於一個前端來說,用 VS Code 編輯器的同學肯定很多,第一次接觸Flutter開發對於Android Studio 編輯器可能不 ...
一、前言
在上一篇文章中,介紹了Flutter的開發環境搭建流程,創建並運行成功一個flutter項目,用戶界面呈現也通過Android虛擬機實現線上查看效果。
但是對於一個前端來說,用 VS Code 編輯器的同學肯定很多,第一次接觸Flutter開發對於Android Studio 編輯器可能不太熟悉,有些同學可能就會想可不可以使用VSCode來開發,這裡我想說完全可以的。甚至用VSCode開發比Android Studio性能更高:
從任務管理器查看進程可以看出,我們使用VSCode占用記憶體明顯比Android Studio少,所以VSCode也是一個不錯的選擇,下麵就來為大家講解如何使用VSCode編寫我們的Flutter代碼,並且也能通過虛擬機查看實時效果!
二、安裝插件
VSCode下載地址:https://code.visualstudio.com
下載好VSCode編輯器後,打開主界面,在應用商店中搜索flutter點擊安裝:
flutter插件安裝成功後應該會自動安裝dart插件,如果沒有自動安裝的同學,可以自己動手搜索並安裝,安裝成功我們重啟VSCode
導入我們事先創建好的flutter項目,我們可以看到左側會多了一個flutter的logo圖標:
這可以讓我們的項目代碼結構一目瞭然,是不是很nice
三、配置虛擬機
通過VSCode編寫flutter,我們不可能打開Android Studio編輯器查看效果吧,這顯然是不科學的,這我還不如直接在Android Studio中編寫呢,所以在這裡我們需要創建一個bat命令,執行批處理文件來喚起我們的模擬器。