在VSCode中调试TS

最近觉得自己平时用TS比较少，于是开始主动用TS刷题，提高自己对TS的熟练度，也希望自己以后能用TS尽量使用TS。但是在用TS刷leetcode的过程中发现调试比较困难，以前用VSCode调试js文件很简单，直接添加一个配置就行了，在根目录下新建 .vscode/launch.json

然后将以下代码粘贴一下，配置地址为

在题目中打断点，再点击小箭头就可以快乐调试了

但是TS如何配置呢？找了很多资料，终于找到了方案：

新建文件夹，执行 npm init -y（这时你肯定知道待会儿需要安装依赖了）

安装 typescript、ts-node pnpm install typescript ts-node

新建 .vscode/launch.json

添加如下配置

{
    // 使用 IntelliSense 了解相关属性。
    // 悬停以查看现有属性的描述。
    // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Debug TS",
            "type": "node",
            "request": "launch",
            "runtimeArgs": ["-r", "ts-node/register"],
            // "console": "integratedTerminal",
            "internalConsoleOptions": "openOnSessionStart",
            "skipFiles": ["<node_internals>/**"],
            "program": "${file}"
        }
    ]
}

在 TS 文件中打断点，点击调试按钮。现在我们可以使用调试TS愉快的刷leetcode了~