React環境構築

Reactの環境構築の手順を記載します

node.jsのインストール

以下よりnode.jsをインストール

https://nodejs.org/en/download/

以下のコマンドを実行してインストールが完了しているか確認

バージョンが表示されていればOK

node --version

Reactのインストール

Reactをインストールするために以下のコマンドを実行します

npm install --global create-react-app

Reactのプロジェクト作成

プロジェクトを格納したいフォルダ内で以下コマンドを実行

create-react-app <プロジェクト名> 

作成したプロジェクト内に移動して以下コマンドを実行

npm install

実行する

package.jsonが配置されているフォルダ上で以下コマンドを実行

npm start

ブラウザでhttp://localhost:3000/にアクセスして、以下のページが表示されることを確認

以上で環境の構築ができました。

シェアする

フォローする