Als der Blogger heute zum ersten Mal Vue-CLI zum Erstellen eines Vue2.x-Projekts verwendete, stellte er fest, dass es in VSCode keine Code-Eingabeaufforderung für die Vue-Syntax gibt (Vue wurde konfiguriert). stellte fest, dass er ein Plug-In namens „Vetur“ herunterladen musste. Die Betriebsschritte sind in Abbildung 1 dargestellt:
Abbildung 1: Schritte zum Herunterladen des Plug-Ins
Wenn nach dem Herunterladen und Installieren des Plug-Ins beim Schreiben der .vue-Datei immer noch keine Codeaufforderung angezeigt wird, müssen Sie zu diesem Zeitpunkt den Sprachmodus von VSCode ändern. Der Vorgang ist in Abbildung 2 dargestellt:
Abbildung 2 Sprachmoduseinstellungen
Nachdem die beiden oben genannten Schritte abgeschlossen sind, wird eine Eingabeaufforderung für die Codevorlage angezeigt, wie in Abbildung 3 dargestellt:
Abbildung 3 Code-Eingabeaufforderung erfolgreich
Aktualisierung 2023.2.22
Das Vetur-Plug-In ist besser an das Vue2-Projekt angepasst. Das Vue3-Projekt hat offiziell ein Plug-In namens Vue Language Features (Volar) veröffentlicht. Wie in Abbildung 4 dargestellt:
Abbildung 4 Volar-Plug-in-Installationsprozess
Aber nach meinem Test unterstützen die beiden Plug-Ins die meiste Zeit nur Wortsyntax-Eingabeaufforderungen, Vetur unterstützt nur die Vorlagenerstellung, wenn es außerhalb des erstellten Tags verwendet wird, und Volar scheint die Vorlagenerstellung nicht zu unterstützen? ! . Und wenn zwei Plug-Ins gleichzeitig installiert sind, müssen Sie eines davon deaktivieren, um es normal verwenden zu können.