以下の条件で[[VSCode]]で[[TypeScript]]のデバッグ(ブレイクポイントなどで停止できる)をする方法。
- [[ts-node]]を使わない
- [[トランスパイル]]したjsファイルのエントリポイントは`lib/index.js`
`.vscode`配下に[[VSCode]]の設定ファイルを作成する。
`.vscode/launch.json`
```json
{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Launch TypeScript",
"preLaunchTask": "Compile TypeScript",
"cwd": "${workspaceFolder}",
"program": "lib/index.js"
}
]
}
```
`.vscode/tasks.json`
```ts
{
"version": "2.0.0",
"tasks": [
{
"label": "Compile TypeScript",
"type": "typescript",
"tsconfig": "tsconfig.json",
"problemMatcher": ["$tsc"]
}
]
}
```
あとはデバッグ実行すればOK。必ず[[トランスパイル]]してから実行されるので、事前の[[トランスパイル]]は不要。すなわち、[[TypeScript]]のソースコード変更後、すぐに実行できる。
それが嫌な場合は[[preLaunchTask]]を消せばいい。
## 参考
- [VSCodeでTypescriptのデバッグを体験してみる](https://zenn.dev/byebyeworld/articles/vscode-typescript-debug)