Maison  >  Article  >  outils de développement  >  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

青灯夜游
青灯夜游avant
2021-08-03 19:36:044394parcourir

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

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!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer