VSCode - 调试

作者: onizuka_jp | 来源:发表于2017-03-23 14:25 被阅读6044次

本文写作时间:2017 年 3 月 22 日;

背景

当前的技术栈为:

  • Node.js 7.7.1
  • TypeScript 2.2.1
  • VSCode 1.10.2

之前用 VSCode 使用 TypeScript 编辑 Node.js 程序的时候,可以在原始的 ts 文件上直接打断点,程序运行后会自动在断点处中断,然后可以随意进行调试。但不知道从什么时候开始在 ts 文件上打断点不能正常运行,并提示“由于未找到生成的代码,已忽略断点(是否是源映射问题?)。”。

目标

  • 系统掌握 VSCode 编辑器的调试功能;
  • 解决在 ts 文件上打断点不正常的问题;

解决在 ts 文件上打断点不正常的问题

原因分析

之前的 VSCode 版本中有 outDir 的属性,后来版本已经取消,被 outFiles 替代,因此需要设置 outFiles 属性,同时设置 sourceMaps 属性。

解决方案

在 launch.json 文件中加入以下属性,就可以解决不能在 ts 文件上打断点的问题。

"sourceMaps": true,
"outFiles": [
  "${workspaceRoot}/dist/**/*.js"
]

更多

后来发现,如果调试 ts 项目中的文件,就不用做以上设置,只有调试单独文件时才需要。

相关文章

网友评论

    本文标题:VSCode - 调试

    本文链接:https://www.haomeiwen.com/subject/elaonttx.html