vscode怎么斷點調試js項目

vscode怎么斷點調試js項目

1、首先安裝 debugger for chrome 插件

vscode怎么斷點調試js項目

2、打開項目,按 F5 ,打開搜索框,選擇 chrome

vscode怎么斷點調試js項目

會打開launch.JSon文件,如圖:

vscode怎么斷點調試js項目

3、添加配置信息,如圖:

{ ????????????"name":?"使用本機?Chrome?調試", ????????????"type":?"chrome", ????????????"request":?"launch", ?????????????"file":?"${workspaceRoot}/index.html", ????????//??"url":?"http://mysite.com/index.html",? ????????//使用外部服務器時,請注釋掉?file,?改用?url,?并將?useBuildInServer?設置為?false?"http://mysite.com/index.html ????????????"runtimeExecutable":?"C:Program?Files?(x86)GoogleChromeApplicationchrome.exe",? ????????????//?改成您的?Chrome?安裝路徑 ????????????"sourceMaps":?true, ????????????"webRoot":?"${workspaceRoot}", ????????//??"preLaunchTask":"build", ????????????"userDataDir":"${tmpdir}", ????????????"port":5433 ????????}

結果如圖:

vscode怎么斷點調試js項目

4、更改調試方式,如圖,選擇左邊的圓形按鈕,然后出來這個調試配置管理界面,選擇“使用本機 Chrome 調試”。

vscode怎么斷點調試js項目

5、然后在項目的 js 處設置好斷點,按 F5,就可以進行斷點調試了。

vscode怎么斷點調試js項目

相關文章教程推薦:vscode教程

以上就是

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