ホームページ  >  記事  >  ウェブフロントエンド  >  vue と npm の直接インポートの違いは何ですか

vue と npm の直接インポートの違いは何ですか

青灯夜游
青灯夜游オリジナル
2021-09-01 12:20:424607ブラウズ

vue と npm の直接導入の違い: 1. npm を使用して Vue をインストールすると、パッケージ管理が容易になります。Vue コマンドを直接使用したり、webpack ツールを使用してプロジェクトを作成したり、フロントエンド構築ツールでプロジェクトを作成したりできます。フロントエンド開発の効率化; 2、直接導入方法、アプリケーションがより多くのフロントエンド ライブラリとフロントエンド フレームワークを必要とする場合、HTML ファイルに 1 つずつ導入するのは非常に不便です。

vue と npm の直接インポートの違いは何ですか

このチュートリアルの動作環境: Windows7 システム、vue2.9.6 バージョン、DELL G3 コンピューター。

vue の使用方法は、HTML 内で vue.js を直接引用する方法と、npm インストールする方法の 2 つがあります。

1. HTML で vue.js を直接インポートする

スクリプトを使用して vue.js ファイルを直接インポートできます。vue.js ファイルは公式 Web サイトから直接ダウンロードするか、 CDN を使用できます

公式 Web サイトのダウンロード アドレス: https://vuejs.org/js/vue.min.js

CDN アドレス:

https://cdn.staticfile.org/vue/2.2.2/vue.min.js
https://unpkg.com/vue/dist/vue.js, 会保持和 npm 发布的最新的版本一致。
https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js

2. npm を使用して、 install

npm を使用して vue.js をインストールするにはどうすればよいですか?」を読むことをお勧めします。 >>

では、HTML で vue.js を直接引用する 2 つの方法と npm インストールの違いは何でしょうか?以下に紹介します。

単純にスクリプトから参照する場合とnpmからダウンロードする場合に違いはなく、npmからダウンロードした後、スクリプト経由でインポートすることも可能です。

重要な点は、npm はパッケージの依存関係を管理するためのツールであり、ご覧のとおり、他のパッケージを使用した開発には推奨されるダウンロード方法であるということです。開発時には、require('vue') や import('vue') などのモジュラー ソリューションを使用でき、vue-cli を使用してプロジェクトを開始して体験することができます。

npm を使用して Vue をインストールすると、パッケージ管理が容易になります。アプリケーションがより多くのフロントエンド ライブラリやフロントエンド フレームワークを必要とする場合、それらを HTML ファイルに 1 つずつ導入するのは非常に不便です。

npm メソッドでは、Vue コマンドを直接使用でき、webpack ツールを使用してプロジェクトを作成し、フロントエンド ビルド ツールを使用してフロントエンド開発を効率化します。

関連する推奨事項: 「vue.js チュートリアル

以上がvue と npm の直接インポートの違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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