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