Dieses Mal zeige ich Ihnen, wie Sie mit vue-cli+webpack eine Vue-Entwicklungsumgebung erstellen Im Folgenden finden Sie praktische Fälle. Stehen Sie auf und werfen Sie einen Blick darauf. Hier müssen wir zuerst den Knoten herunterladen, da wir den NPM-Paket-Download verwenden müssen, der auf dem Knoten basiert
Kommen wir ohne weitere Umschweife direkt zur Sache
Laden Sie den Knoten herunter und Sie müssen gleichzeitig Git herunterladen. Von nun an werden wir Befehle in Git eingeben, um unsere Vue-Umgebung zu erstellen
Git verwendet den
linux-Befehl Fragen Sie nicht, warum, solange es funktioniert, meinen Sie das nicht?
Windows-System: Nach dem Herunterladen von Git klicken wir mit der rechten Maustaste auf den Desktop und Sie sehen Git Bash. Klicken Sie darauf und öffnen Sie dann Git,
Git hat viele Funktionen. Gleichzeitig ist Github ein sehr gutes Warehouse-Management-Tool
Okay, fangen wir direkt an. Nach dem Öffnen von Git wird
angezeigt.
Dann führen wir npm inst<a href="http://www.php.cn/wiki/1483.html" target="_blank">all</a>
npm inst<a href="http://www.php.cn/wiki/1483.html" target="_blank">all</a> webpack
aus
Die neueste Version des Webpacks wird automatisch heruntergeladen
Hier gehen wir direkt zum Thema, wie man mit vue-cli eine Vue-Entwicklungsumgebung aufbaut
Hier müssen wir global
vue-cli installieren In Git ausführen
Vue-Befehlsumgebung installierennpm install vue-cli -g
Führen Sie
vue --verson
Die Anzeige der Vue-Version bedeutet, dass die Installation erfolgreich war
Dies ist eine globale Installation
Nun geben wir in der Kommandozeile
vue init webpack-simple<模板名,就是你的项目的名称>,
ein
Hier verwenden wir Webpack-Simple, da es keine strengen Spezifikationen hat und besser ist als die meisten Programmierer. Ich werde hier nicht näher auf den Unterschied zwischen Webpack und Webpack eingehen mit Ihnen teilen
Hier ist mein Projektname myvue
Also führe ich
vue init webpack-simple myvue
aus
Auf dem Desktop befindet sich ein myvue-Ordner
Wir führen
aus und geben unser Projekt eincd myvue
Sie finden diese Dateien im Ordner Dies ist die Umgebung, die vue-cli automatisch für uns erstellt
Wir führen
npm install
aus
Zu diesem Zeitpunkt müssen wir eine Weile warten, npm lädt einige Dateien basierend auf dem Knoten für uns herunter,
Dann werden Sie feststellen, dass es noch einen weiteren Knoten gibt – die Datei
Module, die einige Module des Knotens enthält Dann führen wir
npm run dev
über die Befehlszeile aus
vue öffnete automatisch den Browser und führte das vue-Projekt aus
Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!
Empfohlene Lektüre:
So implementieren Sie die Ajax-Anfragefunktion in JSAngular implementiert Tabellenfilter- und LöschfunktionenDas obige ist der detaillierte Inhalt vonSo erstellen Sie eine Vue-Entwicklungsumgebung mit vue-cli+webpack. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!