環境

Windows、VScode、cmd

Node.jsとNPMの環境構築

これら２つのインストールはWin版/MacOS版ともに動画を参考にインストールすれば問題ない

動画を参考にViteをインストールする

Viteのサイト上でReactプロジェクトを生成するためのコマンドが乗っているのでVScodeのターミナル上でコピペエンター

npm create vite@latest

初期は@latestだが動画とバージョンを合わせるために6.2.1に書き換えて実行

ここでターミナルが謎のエラーを吐いて動画の通りに進めない事態が発生した。

→VScode上でのターミナルが初期だとPowerShellを使用していたため。
（セキュリティが厳しいので弾かれていた）

VScodeターミナル＞パワーシェルからコマンドプロンプト（cmd）に変更して再試行することで解決

動画に倣って進める。ローカルサーバーを立ち上げる時はターミナル（コマンドプロンプト）に以下のコマンドを入力

npm run dev

ターミナルに表示される'http://localhost:5173/' をクリックして遷移

ここまでの工程は動画のおかげでさほど難しくなかったが、画面上で原子核みたいなReactのアイコンがなんか回ってるし、気分的にはすでにモダンな開発してるみたいで気持ちがいい。

XamppでPHPの開発環境立ち上げた時はもう少し苦労した気がするけど....

おわり