1. 程式人生 > >Google Flutter框架:使用VS Code進行開發

Google Flutter框架:使用VS Code進行開發

     Flutter 的 1.0 版本前些日子已經發布!Flutter 是 Google 為您打造的 UI 工具包,幫助您通過一套程式碼同時在 iOS 和 Android 上構建媲美原生體驗的精美應用!開發者除了Android Studio編寫Flutter程式碼以外,VS Code也可以編寫Flutter程式碼,接下來進行VS Code的環境搭建吧!

一、安裝Flutter SDK 配置Path環境 flutter安裝目錄下

二、開啟powershell 輸入:flutter doctor 進行環境檢查

 

 三、安裝Android Studio 以及Android SDK

 

四、配置Android SDK環境變數 ANDROID_HOME 

 

五、安裝VS Code,安裝完後,下載flutter擴充套件以及Dart擴充套件外掛:

 

六、開啟VS Code,開始構建flutter專案:flutter create testFlutterApp

 

七、建立好之後,開啟專案目錄後輸入,在執行前檢查模擬器是否存在,輸入:flutter emulator 。

 

        如果有模擬器,輸入:flutter emulators --launch <模擬器ID>,執行模擬器

        如果建立新的模擬器,輸入:flutter emulators --create [--name <模擬器ID>]

 

 

八、打包執行模擬器,輸入:flutter run

 

最後,模擬器啟動,並且打開了flutter app

 

最後,介紹一些 VS Code中常用的快捷鍵:

R鍵:點選後熱載入,直接檢視預覽效果

P鍵:在虛擬機器中顯示網格,在工作中經常用到

O鍵:切換Android和IOS預覽模式

Q鍵:退出除錯預覽模式