VSCode中Debugger for Chrome插件在控制台显示

先粘贴上我常用的

{
    // 悬停以查看现有属性的描述。
    // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
    //浏览器打开html文件有两种方式：1、本地打开file。2、通过http服务打开url
    "version": "0.2.0",
    "configurations": [
        {
            "name": "打开网站根目录", // 此项配置的名字，显示在调试页的配置选择下拉框中。
            "type": "chrome",
            "request": "launch", // 可以是attach和launch
            "url": "http://localhost", // chrome 自动启动时打开的网址(你开发环境的部署地址)。
            "webRoot": "${workspaceFolder}", // 静态文件所在的本机目录(正常情况下就是项目根目录)。
            "sourceMaps": true
        },
        {
            "name": "打开当前文件",
            "type": "chrome",
            "request": "launch",
            "file": "${file}",
            //"userDataDir": false, //是否新打开浏览器，false是在已打开浏览器打开  注意：打开后报错
            "runtimeExecutable": "D:/Program Files (x86)/360/jisu/360Chrome/Chrome/Application/360chrome.exe" //用360浏览器打开
        },
        {
            "name": "远程调试attach",
            "type": "chrome",
            "request": "attach", //如果选择了这个选项，就意味着chrome要连接到远程服务器，所以在浏览器启动的时候要在选项中加上--remote-debugging-port=9222，选项不能设置runtimeExecutable。这个远程调用时chrome特有的
            "port": 9222, // 远程调试端口。
            "webRoot": "${workspaceFolder}" // 静态文件所在的本机目录(正常情况下就是项目根目录)。
        },
        {
            "name": "单独调试js",
            "type": "node",
            "request": "launch",
            "program": "${workspaceFolder}/output/App.js", //此处注意与图片tsconfig.json文件中的outDir相对应
            "outFiles": [
                "${workspaceFolder}/**/*.js"
            ]
        },
        {    
            "name": "单独调用js2", //单独调试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,    
            "outFiles": [
                "${workspaceFolder}/**/*.js"
            ] 
        } 
    ]
}

格式说明:

${workspaceFolder}  //当然文件所在目录

${file}  //当前打开的文件

${workspaceFolder} :表示当前workspace文件夹路径，也即/home/Coding/Test

${workspaceRootFolderName}:表示workspace的文件夹名，也即Test

${file}:文件自身的绝对路径，也即/home/Coding/Test/.vscode/tasks.json

${relativeFile}:文件在workspace中的路径，也即.vscode/tasks.json

${fileBasenameNoExtension}:当前文件的文件名，不带后缀，也即tasks

${fileBasename}:当前文件的文件名，tasks.json

${fileDirname}:文件所在的文件夹路径，也即/home/Coding/Test/.vscode

${fileExtname}:当前文件的后缀，也即me

.json

${lineNumber}:当前文件光标所在的行号

${env:PATH}:系统中的环境变量