React環境構築
2025年07月24日

✅ プロジェクトの作成手順(Vite × React × TypeScript)
1. プロジェクトの作成
まず、以下のコマンドを実行して Vite プロジェクトを作成します。
npm create vite@latest
実行後、使用するフレームワークを選ぶよう求められます。
今回は React と TypeScript を選択しました。

2. 依存関係のインストール
作成されたプロジェクトのディレクトリに移動して、依存関係をインストールします。
npm install
3. 開発サーバーの起動
以下のコマンドで開発用サーバーを起動します。
4. 初期画面の確認
ブラウザで下記のURLにアクセスします。
https://localhost/5173
Vite の初期画面が表示されれば、プロジェクトの作成は完了です!

運営しているオンラインスクール
未経験からプロのエンジニアを目指せる、
実践型プログラミングスクールを運営しています。