Reactの勉強をするためにViteを利用してReactの環境構築をしてみました。
1.Node.jsをインストールする
1-1.公式サイトにあるインストーラーを使用してインストール
1-2.コマンドプロンプトでバージョン確認してインストールできたことを確認
node -v
npm -v
---なぜNode.jsをインストールするの?---
・Node.jsに付いてくるnpmというパッケージ管理ツールでReactで使うパッケージの管理を簡単にするため
・ローカル開発サーバーを使って開発アプリの動作を確認するため
2.Viteの環境構築構築をする
2-1.以下のコマンドでViteプロジェクトを作成する
npm create vite@latest
2-2.作成するとプロジェクト名は何にするか聞かれるので任意のプロジェクトを入力する
2-3.使用するフレームワークを選択する。ここではReactを選択。
2-4.今回僕の環境ではTypeScriptを使わないので「JavaScript + SWC(コンパイラ)」を選択する
2-5.package.jsonに明示されている全てのパッケージをインストールする
nmp i
2-6.開発サーバーを起動する
npm run dev