本文写作时间：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 项目中的文件，就不用做以上设置，只有调试单独文件时才需要。