React プロジェクトのビルドと依存関係のインストールのプロセスを簡単に紹介します。

この記事では、React プロジェクトの構築と依存関係のインストールのプロセスについて簡単に紹介します。必要な方は参考にしていただければ幸いです。

1. 前提条件

まず、node.js がインストールされていることを確認します...

インストールが完了したら、cmd コマンドラインを開き、node -v および npm -v を入力してバージョン番号を確認し、表示されていればインストールは完了です。

2. リアクト スキャフォールディングをインストールします。

cmd コマンド ラインに「npm install -g create-react-」と入力します。 app のインストール待ち

3. 新しい React プロジェクトを作成します

作成したプロジェクトがユーザーにインストールされますデフォルトのディレクトリを変更する場合、ディレクトリは次のコマンドを参照できます:

#cmd コマンドラインに入力します: d: (ドライブ D を選択)

cmdコマンドラインに「:cd d:\reactDemo」と入力します（Dドライブの指定フォルダを入力します）

新しいプロジェクトコマンドを実行します：create-react -app my-new-app (「my-new-app」はプロジェクトのルート ディレクトリ フォルダーの名前です)

長い間待ち続けます...覚えておいてください。 .. パニックにならないでください

4. Taobao cnpm コマンドをインストールします

npm の取得には少し時間がかかります。タオバオ チームの cnpm

cmd コマンド ラインに「npm install -g cnpm --registry=https://registry.npm.taabao」と入力することをお勧めします。 org

「cnpm -v」と入力して、入力が正常であるかどうかを確認します。これは、インストールが成功したことを示しています。 5. 必要な依存関係パッケージをインストールします

cmd コマンド ラインに次のように入力します: cd d:\reactDemo\ my-new-app (新しいファイルへのパスを入力します)プロジェクト ファイル)

次のように cmd を続けます:

npm init (Enter キーを最後まで押します)

cnpm install --save reverse act-dom (reactとreact-domをこのディレクトリにインポート)

cnpm install --save react-router-dom (反応ルーティング、後で使用されます)

# 引き続きお待ちください...

6 プロジェクトを開始します。

# cmd ディレクトリがプロジェクトのルート ディレクトリの下にあることを確認します: d:\reactDemo\ my-new-app

プロジェクトを開始します: npm start After起動すると、localhost:3000 の Web ページ ウィンドウが自動的にポップアップ表示されます。

プロジェクトを閉じる場合は、CMD ウィンドウを直接閉じるか、Ctrl C を使用して Y を入力して終了します。

以上がReact プロジェクトのビルドと依存関係のインストールのプロセスを簡単に紹介します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。