vue-cli4.5.x erstellt schnell ein Projekt

1. Installieren Sie vue-cli

npm ich @vue/cli -g

2. Erstellen Sie ein Projekt

vue-cli erstellt einen vollständigen Projektordner, einschließlich src usw. Wir müssen nur in den Ordner wechseln, in dem wir die Projektdatei platzieren möchten, und den folgenden Code ausführen;

1. Projektdateien generieren;

Terminaleingang:

vue create projektname

2. Wählen Sie die Generierungskonfigurationsmethode

Wählen Sie hier den untersten Punkt zur manuellen Konfiguration aus
(Wenn Sie eslint verwenden möchten, wählen Sie einfach vue3)

3. Plugin-Auswahl

Wählen Sie das gewünschte Plugin aus, bewegen Sie sich mit den Auf- und Ab-Pfeilen und wechseln Sie mit der Leertaste den ausgewählten Status.

Haben Sie die falsche Wahl getroffen oder eine vergessen? Keine Sorge, Sie können die Plugin-Konfiguration auch nach Abschluss des Builds noch über die Vue-Benutzeroberfläche ändern (wie unten beschrieben).

Ich kenne mich mit ESLint nicht so gut aus, deshalb will ich hier nicht angeben ...
Bei Bedarf können Unit-Tests auf der niedrigsten Ebene und End-to-End-Tests (E2E-Tests) gestartet werden.

4. Einzelartikelkonfiguration

Wählen Sie die erste Option „Vue-Version auswählen“, um sie individuell zu konfigurieren:
HTML5-Verlaufsmodus für Vue-Router aktivieren?

Es wird empfohlen, diese Option zu aktivieren. Dadurch wird Ihre URL übersichtlicher und lesbarer.
Auf SPA-Seiten basieren viele Methoden auf dem HTML5-Verlaufsmodus.

Wie werden Sie diese Konfigurationsdateien für Dinge wie Babel und Eslint speichern?

Hier empfehle ich die erste Option ... Generieren Sie eine separate Konfigurationsdatei, sodass Sie beim Ändern nur die entsprechende Konfigurationsdatei suchen müssen, um die entsprechende Konfiguration zu ändern.

OK, planen Sie, die Konfiguration dieses Build-Projekts in Zukunft zu verwenden?

Die Entscheidung liegt bei Ihnen ...
Wenn Sie „Ja“ auswählen, wird beim nächsten Ausführen des ersten Schritts die vierte Option angezeigt. Dabei handelt es sich um Ihre benutzerdefinierte Konfigurationsmethode.

Geben Sie Ihrer eigenen Konfiguration einen Namen: Projektname

5. Wählen Sie ein Paketverwaltungstool

Sie werden aufgefordert, zwischen npm oder yarn zu wählen. Ich habe es hier nicht gezeigt und direkt npm verwendet, was seltsam ist.
Wählen Sie einfach diejenige aus, die Sie verwenden möchten.

Damit ist die Erstellung abgeschlossen.

Dann lassen Sie es uns ausführen und sehen!

npm ausführen dienen

Geben Sie den entsprechenden Port ein und Sie sehen die ursprüngliche Schnittstelle von Vue.

3. VueUI-Änderungskonfiguration

Öffnen Sie cmd, geben Sie "vue ui" ein und warten Sie, bis der GUI-Dienst gestartet ist. Eine auf dem lokalen Dienst basierende UI-Schnittstelle wird automatisch geöffnet.

Importieren Sie Ihre Projektdatei. Anschließend können Sie unter der Plugin-Kategorie auf der linken Seite das Projekt schnell ausführen, das Plugin installieren, das Plugin deinstallieren usw.

Add-on - Gespeicherte Konfigurationsoptionen löschen

Wenn du die Konfiguration speicherst, steht dir beim nächsten Mal wieder eine eigene Konfiguration zur Verfügung. Zu viele können etwas blendend wirken.

Diese Konfigurationen werden in der Datei „.vuerc“ unter dem Administrator auf dem Laufwerk C gespeichert.

Löschen Sie einfach das entsprechende Objekt.

Zusammenfassen

Dies ist das Ende dieses Artikels über die schnelle Projekterstellung mit vue-cli4.5.x. Weitere Inhalte zur Projekterstellung mit vue-cli4.5.x finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!