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

捏泥巴的小人發表於2018-12-06

官方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是谷歌開發的計算機程式語言)

image.png

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

image.png

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

image.png

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

image.png

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

image.png

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

image.png
>7、好了教程就到這裡了,可能教程也比較簡單,後面再給大家分享一下其他的。謝謝大家的查閱。?
原文來著我的簡書

相關文章