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調試。