vscode debugger 配置 node 环境的 TS 遇到的坑

• 如果你没有用 webpack 等去打包, 而是采用 tsc 的typescript 自带的打包模式, 那么当你使用 debugger 的时候需要注意:

1. 如果使用了import 语法, 那么需要安装 ts-loader, 因为 node 环境无法直接解析 import语法 去配置你的 luncher.json 在 项目中的 vscode
2. 如要添加 runtimeArgs, 配置 vscode, 告诉 vscode 你需要使用上 ts-loader, 这样才能够在 node 环境中去跑 ts 文件, 遇到import的时候不会返回错误

{
	// 使用 IntelliSense 了解相关属性。
	// 悬停以查看现有属性的描述。
	// 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
	"version": "0.2.0",
	"configurations": [
		{
			"type": "node",
			"request": "launch",
			"name": "启动程序",
			"skipFiles": ["<node_internals>/**"],
			"runtimeArgs": [
				"-r",
				"${workspaceFolder}/node_modules/ts-node/register"
			], // 去获得你当前项目的 ts-node 依赖
			"program": "${workspaceFolder}/src/Index.ts",
			"outFiles": ["${workspaceFolder}/**/*.js"],
			"sourceMaps": true,
			"protocol": "auto"
		}
	]
}