参考
https://youtu.be/TgU-FT2WdS4?si=674x29AJq0ifoQXW
環境
Windows、VScode、cmd
Node.jsとNPMの環境構築
- Node.jsはJavaScriptをサーバーサイドで実行できるようにするツール
- NPMはNode.js用のパッケージ管理ツール
これら２つのインストールは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の開発環境立ち上げた時はもう少し苦労した気がするけど....
おわり