Implementierung einer benutzerdefinierten Vue-Vorlage von vscode

Verwenden Sie den Vscode-Editor, um eine Vue-Vorlage zu erstellen, sodass Sie bestimmte Codeausschnitte nicht mehr jedes Mal wiederholen müssen, wenn Sie eine neue Vue-Datei erstellen. Geben Sie vue ein und drücken Sie die Eingabetaste, um benutzerdefinierten Vue-Dateiinhalt zu generieren. Es ist sehr einfach zu verwenden und verbessert die Entwicklungseffizienz erheblich.

Öffnen Sie vscode und wählen Sie Datei > Einstellungen > Benutzerausschnitte. Geben Sie dann „vue“ in das angezeigte Eingabefeld ein und drücken Sie die Eingabetaste. Eine Datei namens vue.json wird geöffnet. Wie in der Abbildung gezeigt:

Der entsprechende Vorlageninhalt wurde dem Bildinhalt hinzugefügt. Zur Erklärung: Das Präfixfeld stellt die benutzerdefinierte Anweisung dar, also das Vue-Tag, das wir in die Vue-Datei eingeben. Drücken Sie die Eingabetaste, um den benutzerdefinierten Dateiinhalt zu generieren. Der Text enthält unseren benutzerdefinierten Inhalt. \t ist ein Tabulatorzeichen, ich verwende es hauptsächlich zum Formatieren von Code

Nachdem Sie die Vue-Vorlage erstellt haben, können Sie Dateien über Vue erstellen! Wie unten dargestellt:

Codeinhalt:

 "Auf Konsole drucken": {
 "Präfix": "vue",
 "Körper": [
 "<!-- $0 -->",
 "<Vorlage>",
  "\t<div>",
  "",
  "\t</div>",
 "</template>",
 "",
 "<Skript>",
 "Standard exportieren {",
    "\tName: '',",
 "\tKomponenten: {},",
 "\tdata () {",
 "\treturn {",
 "\T}",
 "\T},",
 "\tmontiert () {},",
 "\tMethoden: {}",
 "}",
 "</script>",
 "<Stil scoped='scss' scoped>",
 "</style>"
 ],
 "Beschreibung": "Vue-Ausgabe an Vue-Vorlage"
  }

Haben Sie inzwischen entdeckt, dass Vue-Vorlagen ein leistungsstarkes Entwicklungstool sind? Es funktioniert so gut! ! ! ! !

Dies ist das Ende dieses Artikels über die Implementierung der benutzerdefinierten Vue-Vorlage von vscode. Weitere relevante Inhalte zur benutzerdefinierten Vue-Vorlage von vscode finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!