Freelance Dev

React環境構築

2025年07月24日
React環境構築

✅ プロジェクトの作成手順(Vite × React × TypeScript)

1. プロジェクトの作成

まず、以下のコマンドを実行して Vite プロジェクトを作成します。

npm create vite@latest

実行後、使用するフレームワークを選ぶよう求められます。
今回は ReactTypeScript を選択しました。

2. 依存関係のインストール

作成されたプロジェクトのディレクトリに移動して、依存関係をインストールします。

npm install

3. 開発サーバーの起動

以下のコマンドで開発用サーバーを起動します。


4. 初期画面の確認

ブラウザで下記のURLにアクセスします。

https://localhost/5173

Vite の初期画面が表示されれば、プロジェクトの作成は完了です!

運営しているオンラインスクール

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

Code Me Next Academy

個別サポートと現場直結のカリキュラムで、
初心者でも安心して学べる環境をご提供。
Python / React など、実践的スキルに特化。