Reactの開発環境構築(Windows)

参考：Qiita(WindowsでReactの環境構築をしてみる)

WindowsでReactの環境構築をしてみる - Qiita

はじめに今回は、自分のWindowsの環境でReactの環境構築をしたときの備忘録になります。お付き合い頂ければ幸いです。#Reactの環境構築に必要なもの今回は、Facebookが開発して…

qiita.com

MacOSは以下

Reactの環境構築(MacOS)

Windowsはこちら 1. homebrewとnodebrewのインストール homebrewをインストールする（入っていればやらなくていい） % /bin/bash -c "$(curl -fsSL " % brew -v nodebr...

tokku-engineer.tech

2021.12.03

1. nodist インストール

GitHubのリポジトリからNodistSetup-vX.X.X.exeをダウンロード→実行

ウィザードはデフォルトのままNext連打

以下からPowerShellを開いて実行(別にコマンドプロンプトでもいいし、nodistのターミナルでも良い)

nodist add 12.16.1
nodist list
nodist use 12.16.1
node -v

でv12.16.1と表示されればOK(インストールするバージョンは各々で決めてください)

2. npxのインストール

以下のコマンドでインストールする

npm install npx -g

3. create-react-app

プロジェクトを作るフォルダに移動

cd /d C:¥XXX
npx create-react-app <プロジェクト名>

IDEなどでプロジェクトを開いてみる

4. IDEのターミナルでビルド

IDEのターミナルを開き

npm run build
npm start

ブラウザにリダイレクトして初期画面が表示されれば完了