vscode快速構建Flutter專案+熱載入除錯

摘要： 官方SDK 更新，加上本機環境出了點問題，所以寫了這篇文章。簡單的介紹一下 Flutter 應用在vscode中的快速構建和熱載入除錯。 > 溫馨提示操作之前先配一下如下映象到你的環境變數中。不然下載依賴會等到地老天荒。SDK 安裝請參考中文官網 export PUB_HOST...

官方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 上，開發如此絲滑。

>7、好了教程就到這裡了，可能教程也比較簡單，後面再給大家分享一下其他的。謝謝大家的查閱。:kissing_heart:

原文來著我的簡書