In diesem Tutorial bieten wir einen einfachen Schritt-für-Schritt-Prozess, damit Sie mit Vue beginnen können.JS. Vue.JS ist ein leistungsstarkes, progressives, reaktives JavaScript -Framework, das zugänglich und leicht zu lernen ist. Es bietet viele verschiedene Tools und Bibliotheken, die den Anwendungsentwicklungsprozess erleichtern. Wenn Sie Kenntnisse über HTML, CSS und JavaScript haben, können Sie Webanwendungen mit VUE erstellen.JS in kürzester Zeit.
Installation
Vue integrieren.JS In einem Projekt können Sie das CDN -Paket, NPM oder CLI verwenden.
Verwenden des CDN -Pakets
Wenn Sie anfangen möchten, Vue zu lernen.JS, dann ist es am besten, das CDN -Paket zu verwenden. Sie können einfach das folgende Skript -Tag in Ihrem Projekt hinzufügen, um loszulegen.
Diese Methode wird jedoch nicht für Produktionszwecke empfohlen, da sie in Zukunft zu Kompatibilität zu Problemen führen kann.
Verwenden von NPM
Für groß angelegte Produktionsanwendungen sollten Sie Vue installieren.JS mit NPM. Um diese Methode zu verwenden, müssen Sie einen Knoten haben.JS auf Ihrem Computer installiert. Wenn Sie keinen Knoten installiert haben.JS Noch können Sie herausfinden, wie Sie unseren Artikel zum Installieren von Knoten lesen.JS und NPM auf Ubuntu 20.04 - Linux -Hinweis. Wenn Sie den Knoten bereits installiert haben.JS, dann können Sie Vue installieren.JS durch Ausführen des folgenden NPM -Befehls in Ihrem Terminal
# Letzte Stall
$ npm install Vue@Weiter installieren
Mit CLI
Vue CLI ist ein komplettes Paket für Vue.JS -Entwicklung. CLI wird weltweit mit dem NPM -Paketmanager installiert. Vor der Installation von Vue.JS Verwenden der Vue -Cli -Methode müssen Sie einige Vorkenntnisse über den Knoten haben.JS- und Front-End-Build-Werkzeuge. Außerdem können wir entweder verwenden NPM oder der Garn Paket-Manager.
$ sudo marn global add @vue/cli
# ODER
$ sudo npm install -g @vue/cli
Nach der Installation der neuesten Version von Vue.JS mit Vue CLI können Sie Ihre Projekte problemlos aktualisieren. Um Ihre Version von Vue zu überprüfen.JS, Sie können den folgenden Befehl ausführen
VUE -Version
Wenn Sie auf die neueste stabile Version von VUE upgraden möchten.JS, Sie können den folgenden Vue CLI -Befehl verwenden.
$ sudo marn global upgrade -latest @vue/cli
# ODER
$ sudo npm update -g @vue/cli
Erste Schritte mit Vue.JS
Um mit Vue zu beginnen.JS, um ein Projekt mit Vue CLI mit dem folgenden Befehl zu erstellen.
Vue erstellen Demo-App
Nachdem Sie diesen Befehl ausgeführt haben, werden Sie gebeten, ein Voreinstellung auszuwählen.
Sie können entweder mit der Standardeinstellung gehen oder benutzerdefinierte Funktionen hinzufügen. Sie können auch die GUI -Methode verwenden, um ein Vue -Projekt mit dem folgenden Befehl zu erstellen.
vue ui
Dieser Befehl öffnet ein Fenster im Browser, damit Sie ein Projekt erstellen können.
Zusammenfassung
In diesem Artikel haben wir Ihnen gezeigt, wie man Vue installiert.JS mit drei verschiedenen Methoden. Nach der Installation von Vue.JS, Sie können Ihre Webanwendung effizient verwalten. Wenn Sie Vue verwenden möchten.JS sofort können Sie die CDN -Paketmethode verwenden. Für Produktionszwecke sollten Sie jedoch entweder die NPM -Methode oder die CLI -Methode verwenden.
Um mehr über Vue zu erfahren.JS, Sie können die offizielle Website hier besuchen: Vue.JS.