So starten Sie Vue im Webstorm

Das Starten eines Vue-Projekts mit WebStorm erfordert nur 4 Schritte: Installieren Sie Vue CLI, erstellen Sie das Projekt in der Befehlszeile, öffnen Sie das Projekt in WebStorm und führen Sie dann „vue-cli-service Serve“ aus. Anschließend wird das Projekt auf dem Standardport (normalerweise 8080) gestartet und Sie können in Ihrem Browser darauf zugreifen.

Wie starte ich ein Vue-Projekt in WebStorm? folgenden Befehl zu Installieren Sie V global über die npm ue CLI:

<code>npm install -g @vue/cli</code>

1. Erstellen Sie ein Vue-Projekt

• Navigieren Sie zum Zielverzeichnis, in dem Sie das Projekt erstellen möchten, und führen Sie den folgenden Befehl aus:

  <code>vue create 项目名</code>

2. Öffnen Sie das Projekt in WebStorm

Öffnen Sie WebStorm, klicken Sie dann auf Datei > Öffnen und wählen Sie Ihren Vue-Projektordner aus.

Starten Sie das Projekt

Klicken Sie im Projektmenü von WebStorm auf Ausführen > Ausführen.

Wählen Sie „vue-cli-service dienen“ und klicken Sie auf „Ausführen“.

4. Auf Projekt zugreifen

• Das Projekt wird auf dem Standardport (normalerweise 8080) gestartet. Sie können auf das Projekt zugreifen, indem Sie die folgende URL in Ihren Browser eingeben:

<code>http://localhost:8080</code>

Zusätzlicher Tipp:

Sie können das Projekt stoppen, indem Sie ein Terminal in WebStorm öffnen und den folgenden Befehl ausführen:

<code>npm run serve --close</code>

You kann Portnummern und andere Einstellungen in der Vue-CLI konfigurieren. Weitere Informationen finden Sie in der Vue-CLI-Dokumentation.

Das obige ist der detaillierte Inhalt vonSo starten Sie Vue im Webstorm. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!