👽

React × Viteのプロジェクトを作ってみる

2023/05/06に公開

今までは、create-react-app でReactプロジェクトを作成していましたが、
高速でビルドが可能なViteを使って、作成を行なってみます。

Viteを詳しく知りたい方はこちら

今まではcreate-react-appというコマンドで作成していましたが、今回は使用せず、Viteを使用する
コマンドを使用します。
今回の僕の環境です。
node.js v18.12.1
インストールがまだの方は先にnode.jsをインストールしてください。

npm create vite@latest
viteの安定バージョンの最新のものが使えます。

プロジェクト名を入力。今回はmy-app

React を選択

使用する言語を選択、今回は’javascript'。

作成完了

プロジェクトへ移動

cd my-app

ライブラリをインストール

npm install 
  or 
npm i

開発用にビルドする

npm run dev

以上でプロジェクトの作成完了です。