首页 >> js开发 >> JavaScriptVSCode launch.json配置详细教程
JavaScriptVSCode launch.json配置详细教程
发布时间: 2021年1月13日 | 浏览:
| 分类:js开发
vscode原文地址vscode原文地址以下为vscode 的node.js debugger 的 launch.json 配置详情:启动配置必须设定请求类型,属性request , 分为launch(启动) 和 attach(附加)两种 ,看下面例子:
{
"version": "0.2.0",
"configurations": [
{
...
"request": "launch", //请求类型为启动
},
{
...
"request": "attach", //请求类型为附加
}
]
}
{
"version": "0.2.0",
"configurations": [
{
...
"request": "launch", //请求类型为启动
},
{
...
"request": "attach", //请求类型为附加
}
]
}下面是launch 和 attach 类型共有的属性:
protocol 设置调试协议
auto 尝试自动检测目标运行时使用的协议
inspector 新的V8调试器协议,解决遗留版本的多数问题,node versions >= 6.3 and Electron versions >= 1.7.4.
legacy 原始的v8调试器协议,node versions < v8.0 and Electron versions < 1.7.4.
port调试使用的端口
address TCP/IP地址,用于远程调试
localRoot 远程调试时映射的本地地址
remoteRoot 远程调试时的远程目录地址
sourceMaps 默认为true
outFiles 当map文件不在js文件同目录时用于指定 sourceMaps的位置
restart 自动重启调试
timeout 配置自动附加的超时时间
stopOnEntry 自动断点到第一行代码处
smartStep 自动跳过未映射到源代码的代码
skipFiles :[]String,指定跳过单步调试的代码
protocol 设置调试协议protocolauto 尝试自动检测目标运行时使用的协议auto inspector 新的V8调试器协议,解决遗留版本的多数问题,node versions >= 6.3 and Electron versions >= 1.7.4.inspectorlegacy 原始的v8调试器协议,node versions < v8.0 and Electron versions < 1.7.4.legacyport调试使用的端口portaddress TCP/IP地址,用于远程调试address TCP/IPlocalRoot 远程调试时映射的本地地址localRoot remoteRoot 远程调试时的远程目录地址remoteRoot sourceMaps 默认为truesourceMapsoutFiles 当map文件不在js文件同目录时用于指定 sourceMaps的位置outFilesrestart 自动重启调试restart timeout 配置自动附加的超时时间timeoutstopOnEntry 自动断点到第一行代码处stopOnEntrysmartStep 自动跳过未映射到源代码的代码smartStepskipFiles :[]String,指定跳过单步调试的代码
skipFiles :[]String
"skipFiles": [
"${workspaceFolder}/node_modules/**/*.js", //跳过node_modules
"${workspaceFolder}/lib/**/*.js",//跳过lib
"/**/*.js"//跳过node核心模块
]
"skipFiles": [
"${workspaceFolder}/node_modules/**/*.js", //跳过node_modules
"${workspaceFolder}/lib/**/*.js",//跳过lib
"/**/*.js"//跳过node核心模块
]trace启用诊断输出以下是特定于类型 launch(启动)的配置属性:
program 指定调试入口文件地址
args :[]String 传递给程序的参数,可在process.argv拿到
cwd 指定程序启动调试的目录 ,当vscode启动目录不是项目根目录,并且调试npm script时非常有用
runtimeExecutable 设置运行时可执行文件路径,默认是node
可以是其他的执行程序,如npm、nodemon
runtimeArgs 传递给运行时可执行文件的参数,例如:
program 指定调试入口文件地址programargs :[]String 传递给程序的参数,可在process.argv拿到args :[]Stringcwd 指定程序启动调试的目录 ,当vscode启动目录不是项目根目录,并且调试npm script时非常有用cwdruntimeExecutable 设置运行时可执行文件路径,默认是noderuntimeExecutable 可以是其他的执行程序,如npm、nodemonruntimeArgs 传递给运行时可执行文件的参数,例如:runtimeArgs
{
"type": "node",
"request": "launch",
"name": "npm launch app",
"args":["a"],
"runtimeExecutable": "npm",
"runtimeArgs": [
"run-script",
"app",
"b"
],
"port": 6666
}
{
"type": "node",
"request": "launch",
"name": "npm launch app",
"args":["a"],
"runtimeExecutable": "npm",
"runtimeArgs": [
"run-script",
"app",
"b"
],
"port": 6666
}打印参数可以发现 args 、runtimeArgs都会传给程序,但是runtimeArgs参数会紧跟可执行文件
runtimeVersion 设置运行时可执行程序的版本,如果使用nvm,可以切换node.js版本
env 添加额外的环境变量
envFile 文件加载环境变量
console 配置终端可以是外部终端或者内部集成终端,默认值internalConsole
outputCapture -如果设置为std,则进程stdout / stderr的输出将显示在调试控制台中,而不是侦听调试端口上的输出。这对于直接写入stdout / stderr流而不是使用console.*API的程序或日志库很有用。
autoAttachChildProcesses 跟踪调试对象的所有子过程,并自动附加到在调试模式下启动的子过程
runtimeVersion 设置运行时可执行程序的版本,如果使用nvm,可以切换node.js版本runtimeVersionnvmenv 添加额外的环境变量envenvFile 文件加载环境变量envFileconsole 配置终端可以是外部终端或者内部集成终端,默认值internalConsoleconsole internalConsoleoutputCapture -如果设置为std,则进程stdout / stderr的输出将显示在调试控制台中,而不是侦听调试端口上的输出。这对于直接写入stdout / stderr流而不是使用console.*API的程序或日志库很有用。outputCapturestdout / stderrautoAttachChildProcesses 跟踪调试对象的所有子过程,并自动附加到在调试模式下启动的子过程autoAttachChildProcesses以下是特定于类型 attach(附加)的配置属性: attach
processId 指定nodejs进程id,由于每次启动都会变,传入"${command:PickProcess}"
processId 指定nodejs进程id,由于每次启动都会变,传入"${command:PickProcess}"processId${command:PickProcess}questions:1. 如果使用了符号链接怎么调试?传递参数:
{
"runtimeArgs": ["--preserve-symlinks"]
}
{
"runtimeArgs": ["--preserve-symlinks"]
}如果主脚本也在符号链接路径里面,需要再传递一个参数"--preserve-symlinks-main",支持的版本是 Node 10+.--preserve-symlinks-main2. 如何调试ECMAScript模块?ECMAScript如果使用esm或传递--experimental-modules给Node.js以便使用ECMAScript模块,则可以传递这些选项通过runtimeArgs属性:--experimental-modules
"runtimeArgs" : ["--experimental-modules"] -使用Node v8.5.0 +中的实验性ECMAScript模块支持
"runtimeArgs" : ["-r", "esm"] -使用esm ES模块加载器(请注意,["-r esm"]如果没有逗号,则无法使用)
"runtimeArgs" : ["--experimental-modules"] -使用Node v8.5.0 +中的实验性ECMAScript模块支持runtimeArgs" : ["--experimental-modules"] 实验性ECMAScript模块支持"runtimeArgs" : ["-r", "esm"] -使用esm ES模块加载器(请注意,["-r esm"]如果没有逗号,则无法使用)"runtimeArgs" : ["-r", "esm"] 使用esm ES模块加载器总结总结总结
{
"version": "0.2.0",
"configurations": [
{
...
"request": "launch", //请求类型为启动
},
{
...
"request": "attach", //请求类型为附加
}
]
}
{
"version": "0.2.0",
"configurations": [
{
...
"request": "launch", //请求类型为启动
},
{
...
"request": "attach", //请求类型为附加
}
]
}下面是launch 和 attach 类型共有的属性:
protocol 设置调试协议
auto 尝试自动检测目标运行时使用的协议
inspector 新的V8调试器协议,解决遗留版本的多数问题,node versions >= 6.3 and Electron versions >= 1.7.4.
legacy 原始的v8调试器协议,node versions < v8.0 and Electron versions < 1.7.4.
port调试使用的端口
address TCP/IP地址,用于远程调试
localRoot 远程调试时映射的本地地址
remoteRoot 远程调试时的远程目录地址
sourceMaps 默认为true
outFiles 当map文件不在js文件同目录时用于指定 sourceMaps的位置
restart 自动重启调试
timeout 配置自动附加的超时时间
stopOnEntry 自动断点到第一行代码处
smartStep 自动跳过未映射到源代码的代码
skipFiles :[]String,指定跳过单步调试的代码
protocol 设置调试协议protocolauto 尝试自动检测目标运行时使用的协议auto inspector 新的V8调试器协议,解决遗留版本的多数问题,node versions >= 6.3 and Electron versions >= 1.7.4.inspectorlegacy 原始的v8调试器协议,node versions < v8.0 and Electron versions < 1.7.4.legacyport调试使用的端口portaddress TCP/IP地址,用于远程调试address TCP/IPlocalRoot 远程调试时映射的本地地址localRoot remoteRoot 远程调试时的远程目录地址remoteRoot sourceMaps 默认为truesourceMapsoutFiles 当map文件不在js文件同目录时用于指定 sourceMaps的位置outFilesrestart 自动重启调试restart timeout 配置自动附加的超时时间timeoutstopOnEntry 自动断点到第一行代码处stopOnEntrysmartStep 自动跳过未映射到源代码的代码smartStepskipFiles :[]String,指定跳过单步调试的代码
skipFiles :[]String
"skipFiles": [
"${workspaceFolder}/node_modules/**/*.js", //跳过node_modules
"${workspaceFolder}/lib/**/*.js",//跳过lib
"
]
"skipFiles": [
"${workspaceFolder}/node_modules/**/*.js", //跳过node_modules
"${workspaceFolder}/lib/**/*.js",//跳过lib
"
]trace启用诊断输出以下是特定于类型 launch(启动)的配置属性:
program 指定调试入口文件地址
args :[]String 传递给程序的参数,可在process.argv拿到
cwd 指定程序启动调试的目录 ,当vscode启动目录不是项目根目录,并且调试npm script时非常有用
runtimeExecutable 设置运行时可执行文件路径,默认是node
可以是其他的执行程序,如npm、nodemon
runtimeArgs 传递给运行时可执行文件的参数,例如:
program 指定调试入口文件地址programargs :[]String 传递给程序的参数,可在process.argv拿到args :[]Stringcwd 指定程序启动调试的目录 ,当vscode启动目录不是项目根目录,并且调试npm script时非常有用cwdruntimeExecutable 设置运行时可执行文件路径,默认是noderuntimeExecutable 可以是其他的执行程序,如npm、nodemonruntimeArgs 传递给运行时可执行文件的参数,例如:runtimeArgs
{
"type": "node",
"request": "launch",
"name": "npm launch app",
"args":["a"],
"runtimeExecutable": "npm",
"runtimeArgs": [
"run-script",
"app",
"b"
],
"port": 6666
}
{
"type": "node",
"request": "launch",
"name": "npm launch app",
"args":["a"],
"runtimeExecutable": "npm",
"runtimeArgs": [
"run-script",
"app",
"b"
],
"port": 6666
}打印参数可以发现 args 、runtimeArgs都会传给程序,但是runtimeArgs参数会紧跟可执行文件
runtimeVersion 设置运行时可执行程序的版本,如果使用nvm,可以切换node.js版本
env 添加额外的环境变量
envFile 文件加载环境变量
console 配置终端可以是外部终端或者内部集成终端,默认值internalConsole
outputCapture -如果设置为std,则进程stdout / stderr的输出将显示在调试控制台中,而不是侦听调试端口上的输出。这对于直接写入stdout / stderr流而不是使用console.*API的程序或日志库很有用。
autoAttachChildProcesses 跟踪调试对象的所有子过程,并自动附加到在调试模式下启动的子过程
runtimeVersion 设置运行时可执行程序的版本,如果使用nvm,可以切换node.js版本runtimeVersionnvmenv 添加额外的环境变量envenvFile 文件加载环境变量envFileconsole 配置终端可以是外部终端或者内部集成终端,默认值internalConsoleconsole internalConsoleoutputCapture -如果设置为std,则进程stdout / stderr的输出将显示在调试控制台中,而不是侦听调试端口上的输出。这对于直接写入stdout / stderr流而不是使用console.*API的程序或日志库很有用。outputCapturestdout / stderrautoAttachChildProcesses 跟踪调试对象的所有子过程,并自动附加到在调试模式下启动的子过程autoAttachChildProcesses以下是特定于类型 attach(附加)的配置属性: attach
processId 指定nodejs进程id,由于每次启动都会变,传入"${command:PickProcess}"
processId 指定nodejs进程id,由于每次启动都会变,传入"${command:PickProcess}"processId${command:PickProcess}questions:1. 如果使用了符号链接怎么调试?传递参数:
{
"runtimeArgs": ["--preserve-symlinks"]
}
{
"runtimeArgs": ["--preserve-symlinks"]
}如果主脚本也在符号链接路径里面,需要再传递一个参数"--preserve-symlinks-main",支持的版本是 Node 10+.--preserve-symlinks-main2. 如何调试ECMAScript模块?ECMAScript如果使用esm或传递--experimental-modules给Node.js以便使用ECMAScript模块,则可以传递这些选项通过runtimeArgs属性:--experimental-modules
"runtimeArgs" : ["--experimental-modules"] -使用Node v8.5.0 +中的实验性ECMAScript模块支持
"runtimeArgs" : ["-r", "esm"] -使用esm ES模块加载器(请注意,["-r esm"]如果没有逗号,则无法使用)
"runtimeArgs" : ["--experimental-modules"] -使用Node v8.5.0 +中的实验性ECMAScript模块支持runtimeArgs" : ["--experimental-modules"] 实验性ECMAScript模块支持"runtimeArgs" : ["-r", "esm"] -使用esm ES模块加载器(请注意,["-r esm"]如果没有逗号,则无法使用)"runtimeArgs" : ["-r", "esm"] 使用esm ES模块加载器总结总结总结
相关文章:
- js解决vue动态路由异步加载import组件,加载不到module的问题js大全
- jsvue data对象重新赋值无效(未更改)的解决方式js大全
- jsJS实现audio音频剪裁剪切复制播放与上传(步骤详解)js大全
- js代码处理JavaScript值为undefined的7个小技巧
- jsVue组件跨层级获取组件操作js大全
- js解决VUE mounted 钩子函数执行时 img 未加载导致页面布局的问题js大全
- js解决vue页面渲染但dom没渲染的操作js大全
- js谈一谈vue请求数据放在created好还是mounted里好js大全
- js解决vue的router组件component在import时不能使用变量问题js大全
- js在vue中使用防抖函数组件操作js大全