Heim  >  Artikel  >  Web-Frontend  >  Grafik und Text des vue.js-Installations-Tutorials

Grafik und Text des vue.js-Installations-Tutorials

小云云
小云云Original
2018-01-16 10:12:372378Durchsuche

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:

Was ist das Vue.js-Framework?

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!

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