React：プロジェクトを作成する方法

Reactのプロジェクトを作成する方法

Reactのプロジェクト作成方法を以下にまとめる。

まず、前提として、

1. Node.jsをインストール

※ Node.js：#1 インストールする

2. 必要に応じて TypeScript をインストール

※ TypeScript：準備

準備できたら、以下の手順でプロジェクトを作成

1. プロジェクト用のフォルダを作成

2. 作成したフォルダに移動し以下コマンドを実行

npx create-react-app プロジェクト名 --template typescript

※ "--template typescript"はTypeScriptベースでプロジェクトを作成する場合に指定

試しに "react_typescript_app" というプロジェクトを作成

npx create-react-app react_typescript_app --template typescript

これで、カレントフォルダ内に "react_typescript_app" フォルダが作成されプロジェクト作成が完了

3. 作成したプロジェクトを実行するにはプロジェクトフォルダに移動し以下コマンドを実行

npm start

これでブラウザが起動し React の画面が表示されるはず

---

React
Ver.2 2025.04.28 14:11