Heim > Artikel > Web-Frontend > Grafik und Text des vue.js-Installations-Tutorials
Dieser Artikel enthält hauptsächlich ein Vuejs-Installations-Tutorial, das es wert ist, in Form von Bildern und Texten zu lernen und zu meistern. Interessierte Freunde können darauf verweisen es hilft allen.
1. Installieren Sie nodejs und bringen Sie eine eigene npm-Umgebung mit.
Adresse: https://nodejs.org/en/download/, Download-Adresse der historischen Version von Node.js: https://nodejs.org/dist/ Sie können die Version auswählen, die zu Ihrem Betriebssystem passt.
Informationen zum Installationsprozess finden Sie unter: Installationskonfiguration
2. Installieren Sie das Taobao-Image.
Da die Geschwindigkeit des inländischen Zugriffs auf ausländische Links zu langsam ist, wird empfohlen, die NPM-Registrierungsquelle auf einen inländischen Spiegel festzulegen, was die Installationsgeschwindigkeit erheblich verbessern kann.
Öffnen Sie cmd und geben Sie direkt ein: npm install -g cnpm –registry=https://registry.npm.taobao.org, drücken Sie die Eingabetaste, warten Sie auf die Installation...
npm install -g cnpm --registry=https://registry.npm.taobao.org
Hinweis = Es dürfen keine Leerzeichen dahinter stehen, sonst wird ein Fehler gemeldet.
3. Express installieren (zum Installieren auswählen).
cnpm install -g express
4.
cnpm install -g webpack
5.
cnpm install vue
6.
cnpm install -g vue-cli
7. An diesem Punkt ist die Umgebungseinrichtung abgeschlossen und die Projektinitialisierung kann beginnen.
Verwenden Sie den Befehl cd in cmd, um zum angegebenen Projektinitialisierungsbefehl zu springen: vueinitwebpackvue-projectname. Projektname – Der Name des Projektordners (der Name darf nicht auf Chinesisch sein). Dieser vue-Projektname-Ordner wird automatisch in dem Arbeitsverzeichnis generiert, zu dem Sie springen.
vue init webpack vue-projectname
Hinweis: Während des Installationsvorgangs müssen Sie den Projektnamen, die Beschreibung, den Autor usw. eingeben ist das auf dem Bild oben? Die Antwort dahinter.
8.cd in unseren Projektordner d:Vuevue-test, führen Sie den Befehl cnpm install aus, um das Paket zu installieren.
cnmp install
9. Testen Sie, ob das Projekt erfolgreich installiert wurde.
cnpm run dev
Hast du es schon gelernt? Beeilen Sie sich und probieren Sie es aus.
Verwandte Empfehlungen:
Einführung in die neuen Funktionen von Vue.js 2.5
Detaillierte Erläuterung der Syntax und allgemeine Anweisungen von vue.js
Das obige ist der detaillierte Inhalt vonGrafik und Text des vue.js-Installations-Tutorials. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!