前言
之前每次啓動flutter時首先是要open -a Simulator
打開本地的模擬器(我這裏是Mac Xcode的iOS模擬器),然後在運行flutter run
命令,這是纔會把程序運行的模擬器;
Launching lib/main.dart on iPhone Xʀ in debug mode...
Running Xcode build...
├─Assembling Flutter resources... 6.3s
└─Compiling, linking and signing... 5.3s
Xcode build done. 13.0s
Syncing files to device iPhone Xʀ...
2,176ms (!)
在每次修改代碼時都要進行如下操作:
🔥 To hot reload changes while running, press "r". To hot restart (and rebuild state), press "R".
An Observatory debugger and profiler on iPhone Xʀ is available at: http://127.0.0.1:57979/DumG7IuwegU=/
For a more detailed help message, press "h". To detach, press "d"; to quit, press "q".
感覺是有起來特別的不方便,要是忘記使用r
或 R
來reload的話還以爲自己代碼寫錯了。
那麼平時開發的使用我們該如何來操作呢?
debug
1、首先是找到vscode斷點調試按鈕
2、然後點擊debug斷點,第一次會提示你選擇語言,選擇Dart&Flutter即可,我下面這個是選擇完調試語言之後的頁面
3、debug運行之後你本地vscode可能會出現下面提示
這個是讓你激活Dart DevTools工具,可以直接點擊左側的激活按鈕,會自動在瀏覽器上打開調試頁面,如下:
那有的同學說了我這根本就沒有彈出這個彈窗啊,說明你之前已經綁定過DevTools了,你只需要在vscode中使用快捷鍵command+shift+p
打開如下工具欄:
然後在裏面輸入Open DevTools
也是能直接打開並跳轉到瀏覽器的調試窗口的;
上面的端口號都是默認的,我這沒有主動修改端口號。
4、那麼以上工作完成之後我們就能夠在vscode裏面進行代碼調試了
(當然了你也可以不使用DevTools)也能直接在vscode裏面調試的
在你想要調試的地方打上斷點 如下:
在觸發了斷點執行之後:
這樣就可以在你本地一步步的斷點調試你本地代碼了。
5、熱更新
使用debug模式的時候本地更改代碼之後不用在使用r
命令刷新模擬器了,debug模式值自己重新reload刷新模擬器 如下:
以上這些都是本人在開發過程中的一些總結,希望能幫到你們,感謝各位的支持。