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

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功能:

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

到此,我習慣的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!!

? 版權聲明
THE END
喜歡就支持一下吧
點贊11 分享