ホームページ >ウェブフロントエンド >jsチュートリアル >反応パッケージのダウンロード方法

反応パッケージのダウンロード方法

藏色散人
藏色散人オリジナル
2020-12-03 09:39:229614ブラウズ

反応パッケージをダウンロードする方法: まず反応スキャフォールディングをインストールし、次に淘宝網 cnpm コマンド ツールをインストールします。次に cd コマンドを使用してプロジェクト ファイル ディレクトリに入り、最後に「npm init」と「」を介してインストールします。 cnpm install 依存パッケージ名」コマンド パッケージに依存するだけです。

反応パッケージのダウンロード方法

このチュートリアルの動作環境: Windows 7 システム、react17.0.1 バージョン、Dell G3 コンピューター。

推奨: 「react ビデオ チュートリアル

react 依存関係パッケージをダウンロードする方法

1.前提条件

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

インストールが完了したら、cmd コマンド ラインを開き、node -v と npm -v を入力してバージョン番号を表示します。 、 インストールが完了しました。

2. React Scaffolding をインストールします

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

3. 新しい React を作成しますproject

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

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

cmd コマンド ラインで次のように入力します: cd d:reactDemo (D ドライブ内の指定されたフォルダーを入力します)

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

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

4. タオバオの cnpm コマンド

npm をインストールして取得します。時間がかかります。タオバオ チームの cnpm

を使用し、cmd コマンド ラインに

npm install -g cnpm --registry=https://registry.npm.taobao.org
と入力することをお勧めします。

「cnpm -v」と入力します。入力が正常でエラーが報告されない場合は、インストールが成功したことを意味します

5. 必要な依存関係パッケージをインストールします

cmd に入力しますコマンド ライン:

cd d:reactDemo my-new-app  (进入你新建的项目文件路径)

次のように cmd を続行します:

npm init   (然后一路回车)
cnpm install --save react react-dom       ( 在该目录下导入react和react-dom)
cnpm install --save  react-router-dom   (react路由,以后会用到)

Continue wait...

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

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

プロジェクトを開始します: npm start 自動的に localhost:3000 の Web ページ ウィンドウが表示されます

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

以上が反応パッケージのダウンロード方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。