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鍵:退出調試預覽模式