Heim > Web-Frontend > js-Tutorial > Hauptteil

Grafik und Text des vue.js-Installations-Tutorials

小云云
Freigeben: 2018-01-16 10:12:37
Original
2380 Leute haben es durchsucht

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
Nach dem Login kopieren

Hinweis = Es dürfen keine Leerzeichen dahinter stehen, sonst wird ein Fehler gemeldet.

3. Express installieren (zum Installieren auswählen).


cnpm install -g express
Nach dem Login kopieren

4.


cnpm install -g webpack
Nach dem Login kopieren

5.


cnpm install vue
Nach dem Login kopieren

6.


cnpm install -g vue-cli
Nach dem Login kopieren

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
Nach dem Login kopieren

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
Nach dem Login kopieren

9. Testen Sie, ob das Projekt erfolgreich installiert wurde.


cnpm run dev
Nach dem Login kopieren

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!

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!