このブログは、アフィリエイトプログラム(Amazonアソシエイト含む)やGoogleアドセンスを利用しています。

React.jsの開発メモ サーバー立ち上げ

このブログは以下の場所に移動しました。

code.tatsukichi.ninja

Node.jsとnpmのインストール

Reactの開発にはNode.jsとnpm(Node Package Manager)が必須です。

公式サイトからNode.jsをダウンロード・インストールし、インストール後にターミナルやコマンドプロンプトで下記コマンドを実行してバージョン確認を行います。

node -v
npm -v

バージョンが表示されればインストール成功です。

Reactプロジェクトの作成

プロジェクトを作成したいディレクトリに移動し、以下のコマンドを実行します。

npx create-react-app プロジェクト名

必要なファイルやフォルダが自動生成されます。

プロジェクトディレクトリへの移動と開発サーバーの起動

プロジェクト作成後、ディレクトリに移動し、開発サーバーを起動します。

cd プロジェクト名
npm start

http://localhost:3000/にReactアプリが表示されます。