首頁  >  文章  >  開發工具  >  VSCode如何配置,實現Flutter、Hot Reload自動回應!

VSCode如何配置,實現Flutter、Hot Reload自動回應!

青灯夜游
青灯夜游轉載
2021-10-25 11:13:573030瀏覽

VSCode中如何寫Flutter,Hot Reload自動回應?以下這篇文章跟大家介紹一下配置VSCode的方法,希望對大家有幫助!

VSCode如何配置,實現Flutter、Hot Reload自動回應!

我一直都在使用VSCode來寫Flutter。

之前我也沒有怎麼設定VSCode,但是寫Flutter的時候,有一個功能我用的非常舒服,那就是,一旦我改寫了程式碼,不用進行任何操作,VSCode就會自動進行Hot Reload了。

但是我升級過VSCode之後,這個功能就莫名其妙沒有了。必須手動執行cmd s後,才執行Hot Reload。 【推薦學習:《vscode教學》】

之前明明是自動的,現在變成手動了,反而不習慣了,於是我決定去查查怎麼改改這個配置。

修改VSCode的配置

經過上網上的一段猛如虎的搜索,終於找到了配置方法,現在分享上來:

1、打開VSCode設定:

VSCode如何配置,實現Flutter、Hot Reload自動回應!

2、在輸入框中搜尋dart.flutterHotReloadOnSave,我們可以看到此時的預設設定manual(手動),only reload for manual saves,有且僅當手動儲存時,出發reload

VSCode如何配置,實現Flutter、Hot Reload自動回應!

3、將manual更換為always

VSCode如何配置,實現Flutter、Hot Reload自動回應!

我們來一張gif看看效果,我使用的是Flukit的源碼,修改了AppBar的標題和撤銷修改後,

沒有進行保存或其他鍵盤操作,就完成了Hot Reload功能:屏幕录制2021-10-21 10.31.28.2021-10-21 10_37_07.gif

到此,我習慣的

Hot Reload自動回應

功能就回來了。

參考文件

https://stackoverflow.com/questions/49210769/vscode-hot-reload-for-flutter

#總結

正所謂」甲之蜜糖,乙之砒霜「

我習慣於這種自動回應Hot Reload方式,但也有人更習慣於保存之後再Hot Reload,因為可能只是改個邏輯也觸發Hot Reload,也不是人人都喜歡,而且多少有些消耗性能。

雖然安卓的童鞋們都建議我使用Android Studio進行Flutter開發,但是我還是不習慣,我更喜歡VSCode,它足夠強大,同時也足夠輕巧。

我一直習慣透過VSCode寫Flutter,但在建置apk或JSON轉Model的時候會使用Android Studio。

我們下期見。

更多程式相關知識,請造訪:###程式設計影片###! ! ###

以上是VSCode如何配置,實現Flutter、Hot Reload自動回應!的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:juejin.cn。如有侵權,請聯絡admin@php.cn刪除