配置 VS Code 調試 JavaScript

原文：配置 VS Code 調試 JavaScript

1、 安裝 Debugger for Chrome 擴展、Open in Browser  擴展、View In Browser 擴展

 

2、用vs code打開項目

3、按 F5 出現下拉列表，選擇Chrome，如下圖

 

4、修改生成的 launch.json 文件：

{

    "version": "0.2.0",

    "configurations": [

   {

       "type": "chrome",

       "request": "launch",

       "name": "Launch Chrome against localhost",

       "url": "http://localhost:8080",

       "webRoot": "${workspaceRoot}"

    }
}

　　修改后

{
    // 使用 IntelliSense 了解相關屬性。 
    // 懸停以查看現有屬性的描述。
    // 欲了解更多信息，請訪問: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Run app.js",
            "type": "node",
            "request": "launch",
            "program": "${workspaceRoot}/app.js",
            "stopOnEntry": false,
            "args": [],
            "cwd": "${workspaceRoot}",
            "preLaunchTask": null,
            "runtimeExecutable": null,
            "runtimeArgs": [
                "--nolazy"
            ],
            "env": {
                "NODE_ENV": "development"
            },
            "externalConsole": false,
            "sourceMaps": false,
            "outDir": null
        }
    ]
}