visual studio code 中 debugger for chrome插件怎样配置使用

Question

网上的答案都不够详细
http://blog.csdn.net/arvin0/a...
使用了这个方法但是还是不好使

Answer 1

找了那么久，发现这个配置可以

---

{
        "name": "谷歌浏览器", //运行html文件，用谷歌浏览器打开    
        "type": "chrome",    
        "request": "launch",    
        "url": "${file}",    
        "sourceMaps": true,    
        "webRoot": "${workspaceRoot}"    
    },    
    {    
        "name": "nodeLauch", //单独调试js，即可以直接运行js    
        "type": "node",    
        "request": "launch",    
        "program": "${file}", //这个配置成你要调试的文件、${file}当前打开的文件    
        "stopOnEntry": false,    
        "args": [],    
        "cwd": "${workspaceRoot}",    
        "runtimeExecutable": null,    
        "runtimeArgs": [    
            "--nolazy"    
        ],    
        "env": {    
            "NODE_ENV": "development"    
        },    
        "console": "internalConsole",    
        "preLaunchTask": "",    
        "sourceMaps": false,    
        "outDir": null    
    } 

Answer 2

好使才怪了。

1，下载下来，默认的launch.json格式是下面这个

{
    "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}"
        }
    ]
}

第一个launch的是localhost上的调试文件，这个要配置服务器的；
第二个是attach方式，需要设置chrome启动方式，也就是找到快速启动栏里面的chrome，右键选择“属性”，然后在“目标目标”添加一个后缀，麻烦的很；
反正不管怎么样，按F5启动调试肯定是失败的。

2，怎么办，怎么办

3，然后你的launch.json文件就成为下面这个了

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Launch index.html (disable sourcemaps)",//就是这个
            "type": "chrome",
            "request": "launch",
            "sourceMaps": false,
            "file": "${workspaceRoot}/index.html"
        },       
        {
            "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}"
        }
    ]
}

4，然后调试器的话就选择刚才你配置的那个方案，按F5

5，好了

Answer 3

可以 解决了