---

---

【TypeScript】VSCodeでmapファイルを使ったNode.JSアプリのデバッグ方法

投稿日：2020年12月1日

デバッグ方法を身につけることは効率的な開発には必要不可欠です。この記事ではTypeScriptで書かれたNode.jsアプリケーションのデバッグ方法について解説しています。

---

はじめに

この記事について

前提

---

実践

プロジェクト作成

$ mkdir debug_node
$ cd debug_node
$ npm init
$ npm install --save-dev typescript

tsconfigの設定

{
    "compilerOptions": {
        "sourceMap": true
    }
}

VSCodeのデバッガでデバッグする場合

class User {
    private readonly firstname: string;
    private readonly lastname: string;
    constructor(_firstname: string, _lastname: string) {
        this.firstname = _firstname;
        this.lastname = _lastname;
    }
}

const user = new User("mars", "quai");
console.log(user);

debugger文

class User {
    private readonly firstname: string;
    private readonly lastname: string;
    constructor(_firstname: string, _lastname: string) {
        this.firstname = _firstname;
        this.lastname = _lastname;
    }
}

const user = new User("mars", "quai");
debugger; // ここで一時停止する
console.log(user);

$ npx tsc
$ node index.js

---

さいごに

---

---

---