VS code调试JavaScript

搜索并安装VS Code插件 - Debugger for Chrome

添加用于调试js的launch.json文件到.vscode目录下

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Launch Chrome against localhost, with sourcemaps",
            "type": "chrome",
            "request": "launch",
            "url": "http://localhost:8080",
            "sourceMaps": true,
            "webRoot": "${workspaceRoot}"
        },
        {
            "name": "Attach to Chrome, with sourcemaps",
            "type": "chrome",
            "request": "attach",
            "port": 9222,
            "sourceMaps": true,
            "webRoot": "${workspaceRoot}"
        }
    ]
}

进入chrome的安装目录，一般是在

%appdata%\..\Local\Google\Chrome\Application

并以管理员身份启动命令提示符执行chrome.exe --remote-debugging-port=9222

找到需要调试的行，按F9设置断点开始调试

关于本文如您有任何想法和意见，欢迎与我们联系，邮箱地址zhi@uqugu.com。