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

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

藏色散人
リリース: 2020-11-30 10:45:12
オリジナル
3146 人が閲覧しました

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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート