這篇文章主要介紹了vscode斷點(diǎn)調(diào)試js項(xiàng)目的方法，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

成都創(chuàng)新互聯(lián)公司2013年至今，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都做網(wǎng)站、成都網(wǎng)站制作、成都外貿(mào)網(wǎng)站建設(shè)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元峨眉山做網(wǎng)站,已為上家服務(wù),為峨眉山各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:13518219792

VSCode 上裝一個(gè)插件：Debugger for Chrome

用VSCode裝載項(xiàng)目

按F5，出現(xiàn)搜索框，選擇 Chrome

然后出現(xiàn)個(gè)配置的提示，并打開了launch.json這個(gè)文件

在這個(gè)文件里添加一段配置信息

{
            "name": "使用本機(jī) Chrome 調(diào)試",
            "type": "chrome",
            "request": "launch",
             "file": "${workspaceRoot}/index.html",
        //  "url": "http://mysite.com/index.html", //使用外部
然后，更改調(diào)試方式
如圖，選擇左邊的圓形按鈕，然后出來這個(gè)調(diào)試配置管理界面，選擇“使用本機(jī) Chrome 調(diào)試”。
然后在項(xiàng)目的 js 處設(shè)置好斷點(diǎn)，按 F5，就可以進(jìn)行斷點(diǎn)調(diào)試了。
感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“vscode斷點(diǎn)調(diào)試js項(xiàng)目的方法”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!
            
            
                        

            文章名稱：vscode斷點(diǎn)調(diào)試js項(xiàng)目的方法            

            文章鏈接：http://weahome.cn/article/jdsepi.html