VSCode launch.json配置详细教程


Posted in Javascript onJune 18, 2020

vscode原文地址

以下为vscode 的node.js debugger 的 launch.json 配置详情:

启动配置必须设定请求类型,属性request , 分为launch(启动) 和 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,指定跳过单步调试的代码
"skipFiles": [
 "${workspaceFolder}/node_modules/**/*.js", //跳过node_modules
 "${workspaceFolder}/lib/**/*.js",//跳过lib
 "<node_internals>/**/*.js"//跳过node核心模块
 ]

trace启用诊断输出

以下是特定于类型 launch(启动)的配置属性:

  • program 指定调试入口文件地址
  • args :[]String 传递给程序的参数,可在process.argv拿到
  • cwd 指定程序启动调试的目录 ,当vscode启动目录不是项目根目录,并且调试npm script时非常有用
  • runtimeExecutable 设置运行时可执行文件路径,默认是node
  • 可以是其他的执行程序,如npm、nodemon
  • runtimeArgs 传递给运行时可执行文件的参数,例如:
{
   "type": "node",
   "request": "launch",
   "name": "npm launch app",
   "args":["a"],
   "runtimeExecutable": "npm",
   "runtimeArgs": [
    "run-script",
    "app",
    "b"
   ],
   "port": 6666
  }

打印参数可以发现 args 、runtimeArgs都会传给程序,但是runtimeArgs参数会紧跟可执行文件

VSCode launch.json配置详细教程

  • runtimeVersion 设置运行时可执行程序的版本,如果使用nvm,可以切换node.js版本
  • env 添加额外的环境变量
  • envFile 文件加载环境变量
  • console 配置终端可以是外部终端或者内部集成终端,默认值internalConsole
  • outputCapture -如果设置为std,则进程stdout / stderr的输出将显示在调试控制台中,而不是侦听调试端口上的输出。这对于直接写入stdout / stderr流而不是使用console.*API的程序或日志库很有用。
  • autoAttachChildProcesses 跟踪调试对象的所有子过程,并自动附加到在调试模式下启动的子过程

以下是特定于类型 attach(附加)的配置属性:

  • processId 指定nodejs进程id,由于每次启动都会变,传入"${command:PickProcess}"

questions:

1. 如果使用了符号链接怎么调试?

传递参数:

{
 "runtimeArgs": ["--preserve-symlinks"]
}

如果主脚本也在符号链接路径里面,需要再传递一个参数"--preserve-symlinks-main",支持的版本是 Node 10+.

2. 如何调试ECMAScript模块?

如果使用esm或传递--experimental-modules给Node.js以便使用ECMAScript模块,则可以传递这些选项通过runtimeArgs属性:

  • "runtimeArgs" : ["--experimental-modules"] -使用Node v8.5.0 +中的实验性ECMAScript模块支持
  • "runtimeArgs" : ["-r", "esm"] -使用esm ES模块加载器(请注意,["-r esm"]如果没有逗号,则无法使用)

总结

到此这篇关于VSCode launch.json配置详细教程的文章就介绍到这了,更多相关VSCode launch.json配置内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
javascript 播放器 控制
Jan 22 Javascript
Javascript 网页黑白效果实现代码(兼容IE/FF等)
Apr 23 Javascript
js+css实现增加表单可用性之提示文字
Jun 03 Javascript
js检测输入内容全为空格的方法
May 03 Javascript
js获取时间并实现字符串和时间戳之间的转换
Jan 05 Javascript
JavaScript中Number.MAX_VALUE属性的使用方法
Jun 04 Javascript
JSON 对象未定义错误的解决方法
Sep 29 Javascript
jQuery Validate验证表单时多个name相同的元素只验证第一个的解决方法
Dec 24 Javascript
Node.js如何对SQLite的async/await封装详解
Feb 14 Javascript
微信小程序image图片加载完成监听
Aug 31 Javascript
jQuery三组基本动画与自定义动画操作实例总结
May 09 jQuery
uniapp 微信小程序 自定义tabBar 导航
Apr 22 Javascript
JavaScript中使用Spread运算符的八种方法总结
Jun 18 #Javascript
通过实例了解JS执行上下文运行原理
Jun 17 #Javascript
从0搭建vue-cli4脚手架
Jun 17 #Javascript
微信小程序点击生成朋友圈分享图(遇到的坑)
Jun 17 #Javascript
基于JS+HTML实现弹窗提示是否确认提交功能
Jun 17 #Javascript
vue移动端的左右滑动事件详解
Jun 17 #Javascript
详解JavaScript中的Object.is()与&quot;===&quot;运算符总结
Jun 17 #Javascript
You might like
php的curl实现get和post的代码
2008/08/23 PHP
php关于array_multisort多维数组排序的使用说明
2011/01/04 PHP
php多用户读写文件冲突的解决办法
2013/11/06 PHP
PHP常用文件操作函数和简单实例分析
2016/06/03 PHP
uploadify 3.0 详细使用说明
2012/06/18 Javascript
jQuery Tools tab(幻灯片)
2012/07/14 Javascript
用js提交表单解决一个页面有多个提交按钮的问题
2014/09/01 Javascript
向JavaScript的数组中添加元素的方法小结
2015/10/24 Javascript
nuxt框架中路由鉴权之Koa和Session的用法
2018/05/09 Javascript
微信运维交互机器人的示例代码
2018/11/12 Javascript
详解如何在vue项目中使用layui框架及采坑
2019/05/05 Javascript
vue项目部署到nginx/tomcat服务器的实现
2019/08/26 Javascript
Vue利用localStorage本地缓存使页面刷新验证码不清零功能的实现
2020/09/04 Javascript
解决vue数据不实时更新的问题(数据更改了,但数据不实时更新)
2020/10/27 Javascript
解决Antd Table组件表头不对齐的问题
2020/10/27 Javascript
解决ant Design中this.props.form.validateFields未执行的问题
2020/10/27 Javascript
[04:03]DOTA2英雄梦之声_第02期_风暴之灵
2014/06/30 DOTA
[01:38]DOTA2 2015国际邀请赛中国区预选赛 Showopen
2015/06/01 DOTA
[01:06]DOTA2亚洲邀请赛专属珍藏-荧煌之礼
2017/03/24 DOTA
TensorFlow高效读取数据的方法示例
2018/02/06 Python
python-docx修改已存在的Word文档的表格的字体格式方法
2018/05/08 Python
使用Anaconda3建立虚拟独立的python2.7环境方法
2018/06/11 Python
flask中过滤器的使用详解
2018/08/01 Python
局域网内python socket实现windows与linux间的消息传送
2019/04/19 Python
用Python抢火车票的简单小程序实现解析
2019/08/14 Python
String这个类型的class为何定义成final?
2012/11/13 面试题
专科应届生求职信
2013/11/24 职场文书
最受欢迎的自我评价
2013/12/22 职场文书
老师自我鉴定范文
2013/12/25 职场文书
大学校园生活自我鉴定
2014/01/13 职场文书
幼儿园毕业教师感言
2014/02/21 职场文书
2014年高二班主任工作总结
2014/12/16 职场文书
《七月的天山》教学反思
2016/02/19 职场文书
Python使用scapy模块发包收包
2021/05/07 Python
SQL实现LeetCode(180.连续的数字)
2021/08/04 MySQL
在Python 中将类对象序列化为JSON
2022/04/06 Python