ホームページ >ウェブフロントエンド >Vue.js >npm を使用して vue.js をダウンロードする方法

npm を使用して vue.js をダウンロードする方法

藏色散人
藏色散人オリジナル
2020-11-23 11:36:393116ブラウズ

npm を使用して vue.js をダウンロードする方法: まず、[node.js] 公式 Web サイトにアクセスしてツールをダウンロードしてインストールし、次に bower をインストールし、次に npm を初期化し、最後にパスします。 「npm install vue -- save」でvueをダウンロードします。

npm を使用して vue.js をダウンロードする方法

推奨: 「vue チュートリアル

このチュートリアルの動作環境: Windows7 システム、Vue2 .9.6 バージョンでは、この方法はすべてのブランドのコンピューターに適用できます。

npm を使用して vue をダウンロードします:

1. npm をインストールします

1. node.js

npm をインストールします(Node Package Manager): node.js のパッケージ マネージャー

node.js 公式 Web サイトにアクセスしてツールをダウンロードしてインストールします。nodejs がインストールされると、npm が自動的にインストールされます。次のように入力します。コマンド ラインでコマンドを実行して、インストールされているかどうかをテストします。成功すると、バージョン番号が正しく表示されます。

node -v
npm -v

他の 2 つのディレクトリを確認します: C:\Users\Administrator\AppData\Roaming の下の npm と npm-cache npm のローカル ウェアハウスは、システム ディスクの C ドライブのユーザー ディレクトリで実行されます (表示されていません) )未使用であり、使用されるとすぐにキャッシュ ディレクトリが生成されるため、npm-cache に移動し、これら 2 つのディレクトリを D:\nodejs

2 に戻そうとしました。ローカル ライブラリを変更します。およびキャッシュ ディレクトリ

最初に、nodejs ディレクトリに 2 つの新しいフォルダーを作成します:node_cache と node_global

次に、次の 2 つのコマンドを実行します

npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"

npm のローカル ウェアハウスを確認し、次のように入力します。コマンドを実行して、ディレクトリが変更されていることを確認します :

npm list -global

3. ダウンロード ソース アドレスを構成します

次のコマンドを入力して、淘宝網ミラー ステーションを構成します:

npm config set registry=http://registry.npm.taobao.org

次を入力しますすべての構成情報を表示するコマンド:

npm config list

構成ファイル C:\Users\Administrator\.npmrc に注目すると、構成したばかりの情報がこのファイル内にあることがわかります。

4. npm を更新します

npm を更新します:

npm install npm -g

グローバルにあるモジュールを再度確認します:

npm list -global

5. 環境変数を追加します

D:\nodejs\node_global を環境変数 PATH に追加します。

2. コア ライブラリ vue.js をダウンロードします

1. bower をインストールします

最初に bower をインストールします: (bower をインストールするには、最初に node.js と git をインストールする必要があります) )

npm insall bower -g

インストール後、対応するコマンドがnode_globalディレクトリに追加されます。

vue バージョンを確認します:

bower info vue

2. npm を初期化します

npm を初期化し、プロジェクト内で package.json ファイルの作成をガイドし、インストール パッケージ情報を保存します。

npm init --yes

3. vue をローカルにダウンロードします

プロジェクトのルート ディレクトリを入力してください、cnpm install vue --save または -S (npm が変更する場合は、cnpm は Taobao npm です)ダウンロードソース アドレスは淘宝網のソースです。cnpm の代わりに直接 npm を使用できます)

npm install vue --save

以上がnpm を使用して vue.js をダウンロードする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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