vscode中如何編寫flutter,hot reload自動響應?下面本篇文章給大家介紹一下配置vscode的方法,希望對大家有所幫助!
我一直都在使用vscode編寫Flutter。
之前我也沒有怎么設置VSCode,但是編寫Flutter的時候,有一個功能我用的非常舒服,那就是,一旦我改寫了代碼,不用進行任何操作,VSCode就會自動進行Hot Reload了。
但是我升級過VSCode之后,這個功能就莫名其妙沒有了。必須手動執行cmd + s后,才執行Hot Reload。【推薦學習:《vscode》】
之前明明是自動的,現在變成手動了,反而不習慣了,于是我決定去查查怎么改改這個配置。
修改VSCode的配置
經過上網上的一段猛如虎的搜索,終于找到了配置方法,現在分享上來:
1、打開VSCode設置:
2、在輸入框中搜索dart.flutterHotReloadOnSave,我們可以看到此時的默認配置manual(手動),only reload for manual saves,有且僅當手動保存時,出發reload
3、將manual更換為always:
我們來一張gif看看效果,我使用的是Flukit的源碼,修改了AppBar的標題和撤銷修改后,沒有進行保存或者其他鍵盤操作,就完成了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!!