Heim > Artikel > Web-Frontend > So erstellen Sie Vue mit vue-cli+webpack
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
npm install
npm run dev
Der obige Text ist der Text, den ich zusammengestellt habe, ich hoffe, er wird für alle hilfreich seinVerwandte 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!