官方SDK 更新,加上本機環境出了點問題,所以寫了這篇文章。簡單的介紹一下 Flutter 應用在vscode中的快速構建和熱載入除錯。
溫馨提示操作之前先配一下如下映象到你的環境變數中。不然下載依賴會等到地老天荒。SDK 安裝請參考 中文官網
export PUB_HOSTED_URL=https://pub.flutter-io.cn export
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
複製程式碼
1、外掛中安裝 Flutter 外掛,安裝完畢重新載入軟體,安裝 Flutter 外掛的時候會預設的安裝 Dart 外掛(Dart是谷歌開發的計算機程式語言)

2、開啟vscode命令皮膚(comm+shift+p)選擇Flutter:new project

3、輸入你需要的專案名稱選擇對應存放的檔案位置,等待依賴下載,你會看到下圖

4、點選裝置可以建立裝置,開啟已有裝置,開啟裝置後選擇到除錯(蟲子),新增除錯配置,只管新增配置,然後儲存就好了。

5、選擇左上方的開啟除錯。專案開始打包構建安裝到選擇的選擇的裝置上。

6、lib/main.dart中編輯插入 Text('hello flutter'),儲存檔案,你會發現效果會立馬呈現到 App 上,開發如此絲滑。

原文來著我的簡書