![見出し画像](https://assets.st-note.com/production/uploads/images/94426652/rectangle_large_type_2_49aa5277dbd7940df91f270fa276a474.jpeg?width=1200)
Reactの環境設定方法
Node.jsのインストール
参考URL:https://nodejs.org/ja/download/
![](https://assets.st-note.com/img/1672368372229-iCU84GqJ1A.jpg?width=1200)
Create-react-appを利用する
Node.js -> 10.16以上
npm -> 5.6以上
Windowsの場合:
Node.jsとnpmのバージョンの確認コマンド
node -v
npm -v
node.jsの場合-> v16.13.1などとバージョン情報が出てきたらok
npmの場合 -> 8.19.2などとバージョン情報が出てきたらok
npxのコマンドを使ってcreate-react-appのインストール
npm create-react-app react-basic
Reactを起動する
npm start
ローカルホストの3000番が起動したら環境構築完了
Local: http://localhost:3000
下記のような画面が立ち上がる(Fig.1)
![](https://assets.st-note.com/img/1672376952589-U2LZFVj5Mm.jpg?width=1200)
この記事が気に入ったらサポートをしてみませんか?