Vscode Debug


VSCode編輯器中代碼調試

1.設置斷點

debug時,會指定到斷點之前的位置

2.確定光標

是為了debug時,可以明確的看到程序走的位置,尤其是for訓話你的時候

可以准確的看到光標在for括號中的位置

3.launch.json文件

每個項目都有launch.json在.vscode文件夾中,

這個配置文件,當時用的typescripe,但是調試此配置文件不知道怎么配置,即用了javascript語法寫了,去掉了類型聲明

去搜索一個然后copy即可,調試不同項目,配置也不一樣。

4.變量監控

5.圖標詳解

沒有遇到函數時,1與2無區別,都是執行下一行代碼

遇到函數時,1直接執行完函數,2是進入函數內部,和2相反的向上圖標是指,執行完函數內代碼並跳出函數

1左邊的圖標表示,直接跳轉到下一個斷點,如果沒有斷點了,執行完代碼

6.問題

當遇到內置函數如console.log()也是函數,點擊2會進入源碼,不想看就跳出函數

或者遇到內置函數時,直接點擊1略過內置函數,自己寫的函數才點擊2調試。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM