aknow2

自分の興味のある事を連々と(プログラミング、モバイルアプリ、プログラミング教育)

「デバッグ編」nodejs + TypeScriptでサーバーサイドを開発している時に、コードを編集したら自動リロードさせて、デバッグ。

nodejs + TypeScriptでサーバーサイドを開発している時に、コードを編集したら自動リロードさせる。 - aknow2
上記リンク先の記事の続きです。 先にこちらを御覧ください

前回の方法でTypescriptを編集した際に自動リロードする事が出来ました。
次にデバッグする方法です。

1.準備

chromeがあればOKです。

2.nodemonの設定変更

nodemonのexecの設定を以下の様に変更します。

// 前回の設定
{
    "watch": ["src"],   // 監視対象とするフォルダを指定
    "ext": "ts",    // 拡張子.tsを指定する
    "exec": "ts-node ./src/index.ts"  // nodemonを起動したら実行されるスクリプト
}

// 新しい設定
{
    "watch": ["src"], 
    "ext": "ts",  
    // 次を変更!
    "exec": "node --inspect -r ts-node/register ./src/index.ts"  
}

3.デバッグする

実行できたら、chromeを起動して chrome://inspect/#devicesにアクセスすれば
デバッグ出来るようになります!

これでTypescriptで楽に開発出来る環境が出来ました!

[PR]

play.google.com