Heim > Web-Frontend > View.js > Hauptteil

So erstellen Sie ein neues vue.js-Projekt in Webstorm

coldplay.xixi
Freigeben: 2020-12-17 14:37:22
Original
2652 Leute haben es durchsucht

So erstellen Sie ein neues vue.js-Projekt in Webstorm: Installieren Sie zuerst Git und geben Sie dann den Projektnamen ein. Klicken Sie dann mit der rechten Maustaste und wählen Sie schließlich NPM-Skripte anzeigen dev und doppelklicken Sie zum Testen.

So erstellen Sie ein neues vue.js-Projekt in Webstorm

Die Betriebsumgebung dieses Tutorials: Windows7-System, Webstorm2020.3 und Vue2.9.6-Version. Diese Methode ist für alle Computermarken geeignet.

【Empfohlene verwandte Artikel: vue.js

So erstellen Sie ein neues vue.js-Projekt in Webstorm:

1. Wenn Sie WebStorm zum Erstellen eines Projekts verwenden möchten, müssen Sie Git installieren. Die Installation ist sehr einfach. Laden Sie sie einfach von der offiziellen Website herunter und installieren Sie sie. Andernfalls wird sie möglicherweise nicht installiert.

2 zu ändern), Blau ist vue Die Adresse des .js-Pakets (sie wird nach der Installation automatisch gefunden, keine Änderung erforderlich), die gelbe Farbe ist das zum Verpacken verwendete Verpackungsmodul (die Standardeinstellung reicht aus, es sind keine Änderungen erforderlich).

So erstellen Sie ein neues vue.js-Projekt in Webstorm

Hinweis: Der Projektspeicherpfad muss mit dem Speicherort des Webstorm-Tools übereinstimmen. Der Systemdatenträger ist immer derselbe. Wenn Sie beispielsweise das Webstorm-Tool zuvor auf Laufwerk D installiert haben, sollte der Pfad hier sein Geben Sie den Pfad unter dem Laufwerk D anstelle des Standardlaufwerks C ein. Beachten Sie, dass der Projektname keine Großbuchstaben enthalten darf.

So erstellen Sie ein neues vue.js-Projekt in WebstormKlicken Sie einfach weiter auf „Nächster Schritt“

4. Wählen Sie „package.json“ aus, klicken Sie mit der rechten Maustaste und wählen Sie „npm-Skripte anzeigen“ aus. Nach erfolgreichem Öffnen wird der Standardport angezeigt. Klicken Sie auf die Adresse, um sie direkt zu öffnen, oder kopieren Sie die Adresse und fügen Sie sie in den Browser ein, um sie zu öffnen. Ein solches Vue-Projekt wurde erfolgreich erstellt

So erstellen Sie ein neues vue.js-Projekt in Webstorm

Verwandte Lernempfehlungen: So erstellen Sie ein neues vue.js-Projekt in Webstormjs-Video-Tutorial

So erstellen Sie ein neues vue.js-Projekt in Webstorm

Das obige ist der detaillierte Inhalt vonSo erstellen Sie ein neues vue.js-Projekt in Webstorm. 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