Heim > Web-Frontend > View.js > Was ist der Unterschied zwischen dem direkten Import von Vue und NPM?

Was ist der Unterschied zwischen dem direkten Import von Vue und NPM?

青灯夜游
Freigeben: 2023-01-13 00:45:19
Original
4662 Leute haben es durchsucht

Der Unterschied zwischen der direkten Einführung von Vue und NPM: 1. Die Verwendung von NPM zur Installation von Vue kann die Paketverwaltung erleichtern. Sie können Vue-Befehle direkt verwenden, Webpack-Tools zum Erstellen von Projekten verwenden und Front-End-Erstellungstools für die Front-End-Entwicklung verwenden effizienter; 2. Direkte Einführungsmethode: Wenn Anwendungen immer mehr Front-End-Bibliotheken und Front-End-Frameworks erfordern, ist es sehr unpraktisch, diese einzeln in die HTML-Datei einzuführen.

Was ist der Unterschied zwischen dem direkten Import von Vue und NPM?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Vue-Version 2.9.6, DELL G3-Computer.

Es gibt zwei Möglichkeiten, Vue zu verwenden: direktes Zitieren von vue.js in HTML und NPM-Installation.

1. Vue.js direkt in HTML importieren

Verwenden Sie einfach ein Skript, um die vue.js-Datei direkt von der offiziellen Website herunterzuladen, oder Sie können die Download-Adresse der offiziellen Website von CDN verwenden: https://vuejs.org/js/vue.min.js

CDN-Adresse:

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
Nach dem Login kopieren

2. Mit npm installieren

Empfohlene Lektüre „

Wie installiere ich vue.js mit npm?“

Was ist also der Unterschied zwischen den beiden Methoden zum direkten Zitieren von vue.js in HTML und der npm-Installation? Lassen Sie mich Ihnen vorstellen:

Es gibt keinen Unterschied zwischen der einfachen Referenzierung aus dem Skript und dem Herunterladen von npm. Nach dem Herunterladen von npm können Sie es auch über das Skript importieren.

Der entscheidende Punkt ist, dass npm ein Tool zur Paketabhängigkeitsverwaltung ist. Wie Sie sehen, ist es die empfohlene Download-Methode für die Entwicklung mit anderen Paketen. Bei der Entwicklung können Sie modulare Lösungen wie require('vue') und import('vue') verwenden. Sie können vue-cli verwenden, um ein Projekt zu starten und es zu erleben.

Die Verwendung von npm zur Installation von Vue kann die Paketverwaltung erleichtern. Wenn die Anwendung immer mehr Front-End-Bibliotheken und Front-End-Frameworks erfordert, ist es sehr unpraktisch, diese einzeln in die HTML-Datei einzuführen.

Die npm-Methode kann Vue-Befehle direkt verwenden, Webpack-Tools zum Erstellen von Projekten verwenden und Front-End-Build-Tools machen die Front-End-Entwicklung effizienter.

Verwandte Empfehlungen: „

vue.js Tutorial

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen dem direkten Import von Vue und NPM?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
vue
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage