vscode如何斷點調(diào)試js項目-創(chuàng)新互聯(lián)

小編給大家分享一下vscode如何斷點調(diào)試js項目，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

10多年專注成都網(wǎng)站制作，成都定制網(wǎng)站，個人網(wǎng)站制作服務(wù)，為大家分享網(wǎng)站制作知識、方案，網(wǎng)站設(shè)計流程、步驟,成功服務(wù)上千家企業(yè)。為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁設(shè)計及定制高端網(wǎng)站建設(shè)服務(wù),專注于成都定制網(wǎng)站,高端網(wǎng)頁制作,對成都LED顯示屏等多個領(lǐng)域，擁有豐富建站經(jīng)驗。

1、首先安裝Debugger for Chrome 插件

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

會打開launch.json文件，如圖：

3、添加配置信息，如圖：

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

結(jié)果如圖：

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

5、然后在項目的 js 處設(shè)置好斷點，按 F5，就可以進行斷點調(diào)試了。

看完了這篇文章，相信你對“vscode如何斷點調(diào)試js項目”有了一定的了解，如果想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

網(wǎng)站標(biāo)題：vscode如何斷點調(diào)試js項目-創(chuàng)新互聯(lián)
文章起源：http://muchs.cn/article30/dgidpo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供面包屑導(dǎo)航、企業(yè)網(wǎng)站制作、App開發(fā)、靜態(tài)網(wǎng)站、標(biāo)簽優(yōu)化、建站公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)