cursorでreact/typescriptにおけるデバック実行環境構築のメモ

目的 現在reactの学習をしているのですが、 cursorでreact/typescriptのデバック環境の構築にかなり手間取ってしまったため 自分用の証跡になります。 方法 ①ts-nodeでCLI実行 本項とは直接関係ないですが、 とりあえずコマンドベースでサクッと動作確認したい時のために ②Reactのデバック実行(Google Chrome) create-react-appでReactのテンプレートを作成し、 cursor上でブレークポイントを使用してデバック実行ができるようにします。 どちらも試してはいないですがvscodeでも可能だと思います。 前提条件 本手順の前提としてcursor(vscode)、node.js、Google Chromeはインストールしておいてください。 実施準備 reactAppプロジェクトを作成し、作業ツリーに移動します。