Maison > outils de développement > VSCode > Une brève discussion sur la façon de configurer et de générer des modèles personnalisés dans VSCode

Une brève discussion sur la façon de configurer et de générer des modèles personnalisés dans VSCode

青灯夜游
Libérer: 2021-08-03 19:36:04
avant
4469 Les gens l'ont consulté

Comment générer rapidement des modèles personnalisés avec VSCode ? Cet article vous présentera comment configurer et générer des modèles personnalisés dans VSCode.

Une brève discussion sur la façon de configurer et de générer des modèles personnalisés dans VSCode

1. Installez VSCode

Adresse de téléchargement : https://code.visualstudio.com/

Une fois l'installation terminée, démarrez vsCode, omettez 10 000 mots ici.... [Apprentissage recommandé : "Tutoriel vscode"】

2. Appelez la console VSCode

Touche de raccourci Windows : Ctrl + Maj + P

Touche de raccourci macOS : commande + Maj + P

Une brève discussion sur la façon de configurer et de générer des modèles personnalisés dans VSCode

3. Entrez "extraits" et sélectionnez

Une brève discussion sur la façon de configurer et de générer des modèles personnalisés dans VSCode

4. Nous utilisons des fichiers vue pour la démonstration (entrée). vue) Sélectionnez vue.json

Une brève discussion sur la façon de configurer et de générer des modèles personnalisés dans VSCode

6. vsCode génère automatiquement le fichier vue.json comme suit

Une brève discussion sur la façon de configurer et de générer des modèles personnalisés dans VSCode

7. être modifié en fonction des besoins personnels) Contenu du modèle)

{
"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"
}
}
Copier après la connexion

Une brève discussion sur la façon de configurer et de générer des modèles personnalisés dans VSCode

8. Créez un nouveau fichier vue dans le projet et entrez "vue". Appuyez sur la touche Entrée ou sur la touche Tab, et le modèle sera automatiquement généré

.

Adresse originale : https://juejin.cn/post/6974605121942454280Auteur : Sanzhu Technical Team

Une brève discussion sur la façon de configurer et de générer des modèles personnalisés dans VSCodePour plus de connaissances liées à 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!

Étiquettes associées:
source:掘金--三猪技术团队
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal