---

title: VS Codeで ts-nodeを使って TypeScriptをデバッグする方法
date: 2021-08-04
description: 中間ファイルを生成するタスクをなるべく飛ばしたい人向け
---

node.jsでTypeScriptを実行するにはTypeScriptを JavaScriptにトランスパイルする必要があるが、[ts-node](https://github.com/TypeStrong/ts-node) というツールを使用するとトランスパイルと実行をひとまとめで行ってくれる。

VS Codeから TypeScriptをデバッグ実行するときも基本的には [トラインスパイルを行うための preLaunchTask](https://code.visualstudio.com/docs/typescript/typescript-debugging) を定義するような方法が公式で示されているが、まどろっこしいのでそこも ts-nodeを使って処理を省略したいよね、という場合、

```json
{
  "configurations": [
    {
      "name": "Launch TypeScript Using ts-node",
      "type": "node",
      "request": "launch",
      "skipFiles": ["<node_internals>/**","node_modules/**"],
      "runtimeArgs": ["--nolazy", "-r", "ts-node/register"],
      "program": "${file}"
    }
  ]
}
```

のような ```launch.json``` を作成することで TypeScriptを ts-nodeで走らせてデバッグすることができる。(package.jsonに ts-nodeが含まれていることが前提)