📝

Vite + React 新しいプロジェクトを作成する手順

2024/12/26に公開

Node.jsがインストールされていることを確認する。
インストールされていない場合は、Node.jsの公式サイトからインストールする。

ターミナルを開き、以下のコマンドを実行してViteのプロジェクトを作成する。

npm create vite@latest

プロジェクト名を入力し、テンプレートとして「React」を選択する。

プロジェクトディレクトリに移動し、依存関係をインストールする。

cd プロジェクト名
npm install

開発サーバーを起動する。

npm run dev

これで、Viteを使ったReactアプリの開発環境が整う。
ブラウザで http://localhost:3000 にアクセスして、アプリが正しく動作していることを確認する。

Discussion