chrome插件 vscode_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}:系统中的环境变量