Eine kurze Diskussion zum Konfigurieren und Generieren benutzerdefinierter Vorlagen in VSCode

Wie erstelle ich schnell benutzerdefinierte Vorlagen mit VSCode? In diesem Artikel erfahren Sie, wie Sie benutzerdefinierte Vorlagen in VSCode konfigurieren und generieren.

1. Installieren Sie VSCode

Download-Adresse: https://code.visualstudio.com/

Starten Sie vsCode nach Abschluss der Installation und lassen Sie hier 10.000 Wörter weg : „Vscode-Tutorial“】

2. Rufen Sie die VSCode-Konsole auf

Windows-Tastenkombination: Strg + Umschalt + P

MacOS-Tastenkombination: Befehl + Umschalt + P

3. Geben Sie „Snippets“ ein und wählen Sie

4. Es gibt viele Code-Snippets für benutzerdefiniertes Schreiben wie folgt:

5 setzen vue) Wählen Sie vue.json

6. vsCode generiert die vue.json-Datei automatisch wie folgt: 7. Ändern Sie die vue.json-Datei in die folgende Konfiguration (kann

{
"Print to console": {
"prefix": "vue",
"body": [
"<template>",
"  <div></div>",
"</template>",
"",
"<script>",
"export default {",
"  components: {},",
"  props: {},",
"  data() {",
"    return {",
"    };",
"  },",
"  watch: {},",
"  computed: {},",
"  methods: {},",
"  created() {},",
"  mounted() {}",
"};",
"</script>",
"<style lang=\"scss\" scoped>",
"</style>"
],
"description": "A vue file template"
}
}

8. Erstellen Sie eine neue Vue-Datei im Projekt und geben Sie „vue“ ein. Die Vorlage wird automatisch generiert

Ursprüngliche Adresse: https://juejin.cn/post/6974605121942454280Autor: Sanzhu Technical Team

Weitere Programmierkenntnisse finden Sie unter: Einführung in die Programmierung

! !

Das obige ist der detaillierte Inhalt vonEine kurze Diskussion zum Konfigurieren und Generieren benutzerdefinierter Vorlagen in VSCode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!