技術ブログ

プログラミング、IT関連の記事中心

Reactの環境構築【React】

■はじめに

最近話題のReactの環境構築方法をまとめました。
Javaなど他の環境と違って、どハマりする事もないかと思いますが、一応残しておきます。

■手順

以下のサイトを参考に、Node.jsをインストールしてください。

reigle.info

以下のコマンドを実行し、yarnをインストールしてください。

npm install --global yarn

以下のコマンドでcreate-react-appをインストールします。

yarn global add create-react-app

これで環境構築は終了です。

■プロジェクトの作成

以下のコマンドでプロジェクトを作成します。(「[app_name]」の部分は任意で変えてください).

create-react-app [app_name]

プロジェクト作成後、カレントディレクトリにし、以下のコマンドでアプリを起動する。

npm start

以下にアクセスして、Reactのサンプルが起動されていれば終了です。

http://localhost:3000/