WindowsでReact環境構築する
フロントエンドに疎遠だったエンジニアが勉強の為Reactの環境構築を行いました。
諸所躓いたので備忘録を残します。
node本家へ訪問、node.jsをインストールする
↓node本家
install Node.jsの右セレクトボックスでインストールしたいバージョンとインストール方法を選択すると、
それに応じたコマンドが表示されます。
今回は
バージョン：v20.18.0(LTS)
OS:windows
方法：fnm
を選択しました。
windowsパワーシェルを開いて下記コードを実行。
winget install Schniz.fnm
//ここで環境変数にfnmを追加しておく
fnm env --use-on-cd | Out-String | Invoke-Expression
fnm use --install-if-missing 20
node -v
npm -v
プロジェクトを作成、実行してみる
あとは以下でおーけーです。
npm install create-react-app
npx create-react-app sample_project
Pathが設定できていなかったら
npmが実行できなければnpmも環境変数に設定の必要があります。
私はfnmやnpmがどこにインストールされているか見失ったので下記コマンドで何度も確認しました。
フルパスを表示できます。
Get-Command fnm | Select-Object -ExpandProperty Source
fnmはnpmなどに代えて実行してください。