この内容は古いバージョンです。最新バージョンを表示するには、戻るボタンを押してください。
バージョン:1
ページ更新者:T
更新日時:2023-11-19 13:59:52

タイトル: Reactのインストール手順
SEOタイトル: Reactのインストール手順

Reactのインストール手順

Reactをインストールするためには、以下の手順に従います。Reactを作成し、プロジェクトをセットアップするためには、Node.jsとnpmが必要です。

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

Reactを作成するには、まずNode.jsとnpmをインストールする必要があります。以下のリンクからNode.jsの公式サイトにアクセスし、最新のLTS版をダウンロードしてインストールします。

Node.js 公式サイト

2. create-react-appのインストール

Reactプロジェクトを作成するために、create-react-app パッケージをインストールします。コマンドライン(ターミナルまたはコマンドプロンプト)を開き、以下のコマンドを実行します。

npm install -g create-react-app

3. Reactプロジェクトの作成

新しいReactプロジェクトを作成するには、任意のディレクトリで以下のコマンドを実行します。`my-react-app`の部分は、作成するプロジェクトの名前に置き換えてください。

create-react-app my-react-app

4. プロジェクトのディレクトリに移動

Reactプロジェクトが作成されたら、作成したディレクトリに移動します。

cd my-react-app

5. Reactアプリケーションの起動

Reactアプリケーションをローカルで起動するには、以下のコマンドを実行します。

npm start

これで、Reactアプリケーションがデフォルトで http://localhost:3000 で起動されます。

以上でReactのインストールと初期セットアップが完了しました。プロジェクトのディレクトリ内でReactの開発を始めることができます。