Heim > Web-Frontend > js-Tutorial > Hauptteil

So erstellen Sie ein neues Vue-Projekt

一个新手
Freigeben: 2018-05-11 13:43:45
Original
6925 Leute haben es durchsucht

Für die Verwendung der Befehlszeile zum Generieren des Vue-Projektframeworks muss der npm-Paketmanager installiert sein, und npm wird gleichzeitig mit der Installation von nodejs installiert, also Es muss zuerst NodeJS installiert werden. Öffnen Sie nach Abschluss der Installation cmd.


Geben Sie node -v ein. Wenn eine Versionsnummer ähnlich v6.11.2 angezeigt wird, ist die Knoteninstallation erfolgreich.

Geben Sie npm -v ein, Eine Versionsnummer ähnlich der von v3.10.10 erscheint und zeigt an, dass npm erfolgreich installiert wurde


Dann starten Sie ein neues Vue-Projekt:

( 1) Gerüstbau-Tools installieren: npm install -g vue-cli --registry=https://registry.npm.taobao.org ---Taobao Mirror ist schneller

(2) Geben Sie nach Abschluss der Installation vue --version ein. Wenn Sie die Versionsnummer sehen können, ist die Installation erfolgreich.

(3) Erstellen Sie ein Framework-Projekt vue init webpack my-project --- (my-project ist der Projektname)

(4) Aktuelle Projektdatei anzeigen: Geben Sie cd eleme ein und geben Sie dann ein dir. Dateiinformationen anzeigen.

(5) Abhängigkeiten installieren

npm install --registry=https://registry.npm.taobao.org
Nach dem Login kopieren

Nachdem die Installation abgeschlossen ist , Im Ordner wurde ein zusätzlicher Ordner „node_modules“ gefunden und das Gerüst wurde hier installiert.

(6) Starten Sie das Vue-Projekt:

 npm run dev
Nach dem Login kopieren

Öffnen Sie den Browser: Geben Sie

http://localhost:8080
Nach dem Login kopieren

ein

Das obige ist der detaillierte Inhalt vonSo erstellen Sie ein neues Vue-Projekt. 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!