VS Codeで ts-nodeを使って TypeScriptをデバッグする方法
中間ファイルを生成するタスクをなるべく飛ばしたい人向け
2021年8月4日 嶋田大貴
node.jsでTypeScriptを実行するにはTypeScriptを JavaScriptにトランスパイルする必要があるが、ts-node というツールを使用するとトランスパイルと実行をひとまとめで行ってくれる。
VS Codeから TypeScriptをデバッグ実行するときも基本的には トラインスパイルを行うための preLaunchTask を定義するような方法が公式で示されているが、まどろっこしいのでそこも ts-nodeを使って処理を省略したいよね、という場合、
{
"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が含まれていることが前提)
2021年8月4日 嶋田大貴