Introduction à la création rapide de modèles de fichiers vue à l'aide de VSCode

Comment personnaliser les modèles de code dans VSCode ? L'article suivant vous présentera VSCode comment créer rapidement des modèles de fichiers vue. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il sera utile à tout le monde.

Recommandations associées : "Tutoriel de base vscode"

Modifier la position

Ouvrez les extraits d'utilisateur des préférences vscode, vous pouvez rechercher des noms de fichiers existants ou créer un nouveau fichier json.

Créer un modèle personnalisé

{
"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"
}
}

Comment l'utiliser

Ci-dessus, ce que j'ai créé est de créer rapidement un modèle de fichier vue.
Après avoir créé une nouvelle page, vous pouvez générer rapidement le code de la page via la commande de raccourci configurée "ybase".

Pour plus de connaissances sur la programmation, veuillez visiter : Introduction à la programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!