Heim  >  Artikel  >  Web-Frontend  >  So erstellen Sie Vue mit vue-cli+webpack

So erstellen Sie Vue mit vue-cli+webpack

亚连
亚连Original
2018-06-15 23:28:081497Durchsuche

In diesem Artikel wird hauptsächlich beschrieben, wie Sie mit vue-cli+webpack eine Vue-Entwicklungsumgebung erstellen. Freunde, die es benötigen, können darauf verweisen.

Hier müssen wir zuerst den Knoten herunterladen, da wir npm verwenden müssen Paket-Download, basierend auf dem Knoten

Kommen wir ohne weiteres zur Sache

Laden Sie den Knoten herunter und müssen Sie auch Git herunterladen. In Zukunft werden wir Befehle zum Erstellen auf Git eingeben Unsere Vue-Umgebung

Git verwendet Linux-Befehle

Fragen Sie nicht warum, solange es funktioniert, finden Sie nicht auch?

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 und Git kann ausgeführt werden um Ihre Dateien auf Github zu übertragen.

Okay, fangen wir direkt an. Nach dem Öffnen von Git werden

angezeigt Wenn wir dann npm install webpack

ausführen, wird automatisch die neueste Version des Webpacks heruntergeladen

Hier gehen wir direkt zum Thema, wie man mit vue-cli eine Vue-Entwicklungsumgebung erstellt

Hier müssen wir vue-cli global installieren

in Git ausführen npm install vue-cli -g Vue-Befehlsumgebung installieren

ausführen vue --verson, um zu überprüfen, ob die Installation erfolgreich ist,

zeigt die Version von vue an. Dies bedeutet, dass die Installation erfolgreich war

Dies ist die globale Installation

Jetzt geben wir in die Befehlszeile ein vue init webpack-simple<模板名,就是你的项目的名称>,

Hier Wir verwenden webpack-simple, um es zu erstellen, da es keinen strengen Standard hat und besser ist als die meisten Programmierer. Ich werde hier nicht näher auf den Unterschied zwischen ihm und webpack eingehen. Bei Bedarf können Sie unten eine Nachricht hinterlassen teile es mit dir

Hier ist mein Projektname ist myvue

. Wenn ich also vue init webpack-simple myvue

ausführe, wird auf dem Desktop ein myvue-Ordner angezeigt

Wir führen cd myvue aus und geben unser Projekt ein

Sie finden diese Dateien im Ordner Dies ist die Umgebung, die vue-cli automatisch für uns erstellt

Wir führen

npm install

Zu diesem Zeitpunkt müssen wir eine Weile warten, npm lädt einige Dateien basierend auf dem Knoten für uns herunter,

Dann finden Sie darin eine zusätzliche Node-Module-Datei. Es handelt sich um einige Module von Node

Dann führen wir die Befehlszeile aus

npm run dev

vue öffnet automatisch den Browser und führt den Vue aus Projekt

Der obige Text ist der Text, den ich zusammengestellt habe, ich hoffe, er wird für alle hilfreich sein

Verwandte Artikel:

Informationen zu Optimierungskonfigurationsproblemen in Webpack

So erstellen Sie Electron-Anwendungen in Webpack

Probleme mit unsicheren Bildpfaden mit Angular4

Das obige ist der detaillierte Inhalt vonSo erstellen Sie Vue mit vue-cli+webpack. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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