Einführung in die schnelle Erstellung von Vue-Dateivorlagen mit VSCode

Wie passe ich eine Codevorlage in VSCode an? Im folgenden Artikel erfahren Sie, wie Sie mit VSCode schnell Vue-Dateivorlagen erstellen. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.

Verwandte Empfehlungen: „vscode Basic Tutorial“

Standort ändern

Vscode-Einstellungen öffnen – Benutzerausschnitt, Sie können nach vorhandenen Dateinamen suchen oder eine neue JSON-Datei erstellen.

Erstellen Sie eine benutzerdefinierte Vorlage

{
"Print to console": {
"prefix": "ybase",
"body": [
"<template>",
"  <div>",
"    <!-- Page -->",
"  </div>",
"</template>",
"<script lang=\"ts\">",
"import { Vue, Component } from \"vue-property-decorator\";",
"",
"@Component({})",
"export default class NAME extends Vue {",
"  // component",
"}",
"</script>",
"<style lang=\"scss\">",
"// style",
"</style>",
""
],
"description": "YBASE"
}
}

So verwenden Sie

Was ich oben erstellt habe, ist die schnelle Erstellung einer Vue-Dateivorlage.
Nach dem Erstellen einer neuen Seite können Sie über den konfigurierten Verknüpfungsbefehl „ybase“ schnell Seitencode generieren.

Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Einführung in die Programmierung! !

Das obige ist der detaillierte Inhalt vonEinführung in die schnelle Erstellung von Vue-Dateivorlagen mit VSCode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!