目的 VSCodeでReactのデバッグを行えるようにします。 内容 create-react-appでReact Appのテンプレートを作成し、VSCodeでデバッグを行えるようにします。 VSCode上でブレークポイントやウォッチ式を使って効率よくデバッグすることを目的とします。 本手順では VSCode と Node.js と GoogleChrome がインストールされていることを前提としています。 動作確認環境 本記事は、以下の環境で動作確認済みです。 VSCode 1.52.1 GoogleChrome 87.0.4280.88 Node.js v12.19.0 npm 6.14.8 react 17.0.1 方法 テンプレートアプリの作成 launch.json の作成 task.json の作成 .envの作成 デバッグの開始 1.Reactテンプレートアプリの作成 まずは