Heim > Web-Frontend > js-Tutorial > Hauptteil

So erstellen Sie eine Vue-Entwicklungsumgebung mit vue-cli+webpack

php中世界最好的语言
Freigeben: 2018-04-13 17:23:12
Original
1917 Leute haben es durchsucht

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>

webpack

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 installieren

npm install vue-cli -g Führen Sie

aus, um zu überprüfen, ob die Installation erfolgreich war,

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 ein

cd 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 JS


Angular implementiert Tabellenfilter- und Löschfunktionen


Das 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!

Verwandte Etiketten:
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!