はじめに ReactやNext.jsでのアプリケーションを VSCodeで簡単にデバッグできる方法がないか調べていたところ、 launch.json というファイルの存在を知りました。 使ってみると中々に便利だったので、 設定方法などのメモを記事にさせていただきます。 launch.jsonとは? launch.json はデバッグ時の構成や設定を記述した設定ファイルです。 .vscode フォルダ配下に配置することで、簡単にデバッグを行えるようになります。 Reactのデバッグ Reactのデバッグには、まず .vscode/tasks.json を作成し、 下記のように記述します。 { "version": "2.0.0", "tasks": [ { "type": "shell", "command": "yarn run start", // package.jsonの起動したいs