怎么在vscode中調試js代碼

怎么在vscode中調試js代碼

在左側擴展中搜索debugger for chrome并點擊安裝

怎么在vscode中調試js代碼

在自己的html工程目錄下面點擊f5,或者在左側選擇調試按鈕

怎么在vscode中調試js代碼

選擇下拉按鈕,會有一個添加,選擇chrome

怎么在vscode中調試js代碼

之后會出現laungh.json的配置文件在自己的項目目錄下面

怎么在vscode中調試js代碼

不過對于不同的代碼文件要調試的話,每次都需要修改一下配置文件

{ ????"version":?"0.2.0", ????"configurations":?[{ ????????????"type":?"chrome", ????????????"request":?"launch", ????????????"name":?"Launch?Chrome?against?localhost", ????????????"url":?"http://localhost:8080", ????????????"webRoot":?"${workspaceRoot}" ????????}, ????????{ ????????????"type":?"chrome", ????????????"request":?"attach", ????????????"name":?"Attach?to?Chrome", ????????????"port":?9222, ????????????"webRoot":?"${workspaceRoot}" ????????}, ????????{ ????????????"name":?"Launch?index.html?(disable?sourcemaps)", ????????????"type":?"chrome", ????????????"request":?"launch", ????????????"sourceMaps":?false, ????????????"file":?"${workspaceRoot}/jsTest/test1/test1.html"??#每次需要修改這里的文件地址 ????????} ????] }

到這里就可以進行調試了,在

怎么在vscode中調試js代碼

中選擇?Launch index.html (disable sourcemaps)?調試項,按f5調試,會出現,同時打開goole瀏覽器,點擊

怎么在vscode中調試js代碼

即可進入調試階段。

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

以上就是怎么在

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