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

成都創(chuàng)新互聯(lián)公司服務緊隨時代發(fā)展步伐，進行技術革新和技術進步，經(jīng)過10年的發(fā)展和積累，已經(jīng)匯集了一批資深網(wǎng)站策劃師、設計師、專業(yè)的網(wǎng)站實施團隊以及高素質售后服務人員，并且完全形成了一套成熟的業(yè)務流程，能夠完全依照客戶要求對網(wǎng)站進行做網(wǎng)站、成都網(wǎng)站設計、建設、維護、更新和改版，實現(xiàn)客戶網(wǎng)站對外宣傳展示的首要目的，并為客戶企業(yè)品牌互聯(lián)網(wǎng)化提供全面的解決方案。

VSCode 上裝一個插件：Debugger for Chrome

用VSCode裝載項目

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

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

在這個文件里添加一段配置信息

{
            "name": "使用本機 Chrome 調試",
            "type": "chrome",
            "request": "launch",
             "file": "${workspaceRoot}/index.html",
        //  "url": "http://mysite.com/index.html", //使用外部服務器時,請注釋掉 file, 改用 url, 并將 useBuildInServer 設置為 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
        }

然后，更改調試方式

如圖，選擇左邊的圓形按鈕，然后出來這個調試配置管理界面，選擇“使用本機 Chrome 調試”。

然后在項目的 js 處設置好斷點，按 F5，就可以進行斷點調試了。

感謝你能夠認真閱讀完這篇文章，希望小編分享的“vscode斷點調試js項目的方法”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設公司，，關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關知識等著你來學習!

分享題目：vscode斷點調試js項目的方法-創(chuàng)新互聯(lián)
文章轉載：http://weahome.cn/article/djphso.html