参考:Qiita(WindowsでReactの環境構築をしてみる)
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9V2luZG93cyVFMyU4MSVBN1JlYWN0JUUzJTgxJUFFJUU3JTkyJUIwJUU1JUEyJTgzJUU2JUE3JThCJUU3JUFGJTg5JUUzJTgyJTkyJUUzJTgxJTk3JUUzJTgxJUE2JUUzJTgxJUJGJUUzJTgyJThCJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz0yMmNiMjQ2MDJiNmZlMjhlZTgwNjViNWE0ZThkNDhlMw&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDByZW5lc2lzdTcyNyZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZDljZmMyZDIyM2E4ZTcyYTYxODM0NGQ2ZTBkZDUxMGM&blend-x=142&blend-y=436&blend-mode=normal&txt64=aW4g5qCq5byP5Lya56S-VW5SZWFjdA&txt-width=770&txt-clip=end%2Cellipsis&txt-color=%23212121&txt-font=Hiragino%20Sans%20W6&txt-size=36&txt-x=156&txt-y=536&s=0958a8ad5ae1ef8b695b388f1cf9859d)
WindowsでReactの環境構築をしてみる - Qiita
はじめに今回は、自分のWindowsの環境でReactの環境構築をしたときの備忘録になります。お付き合い頂ければ幸いです。#Reactの環境構築に必要なもの今回は、Facebookが開発して…
MacOSは以下
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
ブラウザにリダイレクトして初期画面が表示されれば完了
![](https://tokku-engineer.tech/wp-content/uploads/2021/12/cb3b0d3c1b3da2eefadf149021f089b1-1024x903.png)
コメント