這篇文章給大家分享的是有關(guān)在vscode中調(diào)試js代碼的方法的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。

在網(wǎng)站制作、成都做網(wǎng)站中從網(wǎng)站色彩、結(jié)構(gòu)布局、欄目設(shè)置、關(guān)鍵詞群組等細(xì)微處著手，突出企業(yè)的產(chǎn)品/服務(wù)/品牌，幫助企業(yè)鎖定精準(zhǔn)用戶(hù)，提高在線(xiàn)咨詢(xún)和轉(zhuǎn)化，使成都網(wǎng)站營(yíng)銷(xiāo)成為有效果、有回報(bào)的無(wú)錫營(yíng)銷(xiāo)推廣。創(chuàng)新互聯(lián)專(zhuān)業(yè)成都網(wǎng)站建設(shè)10年了，客戶(hù)滿(mǎn)意度97.8%，歡迎成都創(chuàng)新互聯(lián)客戶(hù)聯(lián)系。

在左側(cè)擴(kuò)展中搜索Debugger for Chrome并點(diǎn)擊安裝

在自己的html工程目錄下面點(diǎn)擊f5，或者在左側(cè)選擇調(diào)試按鈕

選擇下拉按鈕，會(huì)有一個(gè)添加，選擇chrome

之后會(huì)出現(xiàn)laungh.json的配置文件在自己的項(xiàng)目目錄下面

不過(guò)對(duì)于不同的代碼文件要調(diào)試的話(huà)，每次都需要修改一下配置文件

{
    "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"  #每次需要修改這里的文件地址
        }
    ]
}

到這里就可以進(jìn)行調(diào)試了，在

中選擇 Launch index.html (disable sourcemaps) 調(diào)試項(xiàng)，按f5調(diào)試，會(huì)出現(xiàn),同時(shí)打開(kāi)goole瀏覽器，點(diǎn)擊

即可進(jìn)入調(diào)試階段。

感謝各位的閱讀！關(guān)于“在vscode中調(diào)試js代碼的方法”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

網(wǎng)站欄目：在vscode中調(diào)試js代碼的方法-創(chuàng)新互聯(lián)
文章鏈接：http://weahome.cn/article/ieojo.html