見出し画像

Reactの環境設定方法

Node.jsのインストール
参考URL:https://nodejs.org/ja/download/

Nodejsのダウンロード画面

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)

Fig.1 Reactの最初の起動画面


この記事が気に入ったらサポートをしてみませんか?