当你使用typescript编写某些包，但最终发布的是经过typescript解析器处理后的javascript代码，这种情况下调试源码就显得尤为必要。本文将指导你如何在VSCode中对Typescript代码进行调试。
首先，确保在VSCode中安装typescript。如果你尚未全局安装，需要安装一个。然后，创建一个名为tsconfig.json的配置文件，可以使用typescript的命令工具来生成。
在终端输入“tsc”或“tsc --help”了解命令行工具的功能。在配置文件中，注释掉sourceMap: true和`outDir: './你的输出文件夹'`这两行，因为这对调试至关重要，它会生成typescript的source maps。
通过命令“tsc”或“tsc index.ts”编译ts文件，注意后者的编译仅限于index.ts。在VSCode中，打开debug面板，按下F5，或者选择debug面板中的TS Debug选项，如果没有这个选项，可能需要先安装相关插件。
接着，创建launch.json文件，其中包含了workspaceFolder（你的项目根目录）。如果你的preLaunchTask未注释，可能会遇到找不到构建任务的问题，可以将其替换为tsc: 构建 - tsconfig.json。
对于浏览器端的客户端调试，你需要在index.html中引入编译后的js文件，并在launch.json中配置新的configuration，设置url为html文件的路径，确保添加了"preLaunchTask"。
对于无需预先编译的ts-node调试，需要在launch.json中添加对应的TS Debug配置，确保安装了ts-node，并设置"program"指向你的index.ts文件。
最后，如果你的测试环境是esm，记得在runtimeArgs中调整ts-node的参数，具体信息可参考相关链接。
本文如未解决您的问题请添加抖音号：51dongshi（抖音搜索懂视），直接咨询即可。
热心网友
回答时间：2025-01-26 22:52
