在左側擴展中搜索debugger for chrome并點擊安裝
在自己的html工程目錄下面點擊f5,或者在左側選擇調試按鈕
選擇下拉按鈕,會有一個添加,選擇chrome
之后會出現laungh.json的配置文件在自己的項目目錄下面
不過對于不同的代碼文件要調試的話,每次都需要修改一下配置文件
{ ????"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"??#每次需要修改這里的文件地址 ????????} ????] }
到這里就可以進行調試了,在
中選擇?Launch index.html (disable sourcemaps)?調試項,按f5調試,會出現,同時打開goole瀏覽器,點擊
即可進入調試階段。
相關文章教程推薦:vscode教程
? 版權聲明
文章版權歸作者所有,未經允許請勿轉載。
THE END
喜歡就支持一下吧
相關推薦