やりたいこと
流行りのViteを使いたいなと思い、ViteでReactプロジェクトを作成してみました。
環境構築
今回の環境
| 項目 | version |
|---|---|
| node.js | 21.7.3 |
| os | windows11 |
実作業
- 下記コマンドを用いて対話型で環境を構築する。
npm create vite
- 入力内容
| 質問内容 | 回答 |
|---|---|
| Project name | プロジェクト名 |
| Select a framework | React |
| Select a variant | TypeScript |
項目入力後、ターミナルに下記項目が出力されるため、順番に実行していく
コマンド ディレクトリ移動
cd <プロジェクト名>
- ライブラリのインストール
npm install
- ビルド
npm run dev
起動後下記内容がターミナルに出力されるので
http://localhost:5173/にアクセスする。
実行ログ http://localhost:5173/にアクセスした結果、下記画像が出力されたら成功
実行画面
感想
起動がwebpackに比べてものすごく早くなってるので皆さんもお試しください。
