Node.jsのインストール

https://nodejs.org/en
からLTS版のWindows用のInstallerをダウンロードする。
Node.jsインストーラーをクリックすると、インストーラーが開くので、インストールを進める。
　
インストール先はデフォルトのままで良いので、そのまま進める。
完了後、コマンドプロンプトから「node --version」「npm --version」を実行して、Node.jsとnpmがインストールされていることを確認できればＯＫ。

VSCode(Visual Studio Code)のインストール

本記事ではエディタはVSCodeを使用する。
公式サイトからWindows版をダウンロードし、インストールする。
https://code.visualstudio.com/Download

①VSCodeからターミナルを開く。ターミナルから、cdコマンドでプロジェクトを作成したい場所（任意のパス）に移動する。

cd {任意の場所}

➁　①で指定した場所の配下にReactアプリのプロジェクトを作成する。

npm create vite@latest

※latestは最新版をインストールするという意味。

「Need to install the following packages: create-react-app Ok to proceed? (y)」が表示されるので「y」を入力する。　
プロジェクト名に任意の名前を入力する。
この例では「sample-reactproject」と入力。
「Select a framework」が表示されるので、ここでは「React」を選択してEnterを押下する。
　
「Select a variant」が表示されるので、ここでは「JavaScript」を選択してEnterを押下する。
　
以下のような指示が表示される。

③作成したプロジェクトフォルダに移動する。
Viteの環境で使用するモジュールをインストールする。

cd {プロジェクトフォルダ名} 
npm install

npm run dev