ホームページ >ウェブフロントエンド >Vue.js >vue と npm の直接インポートの違いは何ですか
vue と npm の直接導入の違い: 1. npm を使用して Vue をインストールすると、パッケージ管理が容易になります。Vue コマンドを直接使用したり、webpack ツールを使用してプロジェクトを作成したり、フロントエンド構築ツールでプロジェクトを作成したりできます。フロントエンド開発の効率化; 2、直接導入方法、アプリケーションがより多くのフロントエンド ライブラリとフロントエンド フレームワークを必要とする場合、HTML ファイルに 1 つずつ導入するのは非常に不便です。
このチュートリアルの動作環境: 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 サイトの他の関連記事を参照してください。