やりたいこと VSCodeで開発しているReactのアプリケーションを、VSCode上でデバッグしたい。 Chrome の開発者ツールでもデバッグできるけど、いちいち開くのがめんどくさいし、VSCodeの方が扱いやすく、生産性も上がるので。 開発環境 OSWindows 11Package ManageryarnJavascript/TypescriptTypescriptIDEVSCode 手順 Reactのアプリケーションを作成する yarnでcreate react appコマンドを実行する。 yarn create react-app my-app VSCodeでアプリケーションフォルダを開く cd my-app code . VSCodeにデバッグ用の構成を追加する 1.VSCodeの「実行」>「構成の追加」をクリックする。 2.デバッガーに「Webアプリ(Chrome)」を選択