Code VS comment créer des modèles d'extensions de fichiers

Question

Dans mes projets vue.js presque tout le temps J'ai besoin de cet extrait de code comme modèle.

<template>
    <div>
    </div>
<template>

<script>

export default{
    data(){
    return{
    }
    },
    methods:{
    },
    created(){
    }
}
</script>

<style scoped>
</style>

Ma question est, est-ce un moyen de dire le code VS à chaque fois que je crée un fichier avec l'extension . Vue veuillez ajouter automatiquement cet extrait au fichier.

Ce que je veux, c'est simplement que lorsque je crée un nouveau fichier avec une certaine extension, le modèle prédéfini pour cette extension devrait automatiquement être ajouté au fichier.

Answer 1

Il n'y en a pas, pas nativement. Mais il existe une extension appelée File Templates for VSCode qui vous permet de créer vos propres modèles de fichiers et de les générer. Mais je pense que vous gagneriez à faire une extension pour faire exactement cela et peut-être même plus.

En attendant, vous pouvez utiliser un extrait pour le générer au lieu de devoir copier-coller.

Allez dans Fichier> Préférences> Extraits d'utilisateur et choisissez Vue dans la liste déroulante . Vue n'apparaîtra que si vous avez installé une extension qui prend en charge ce type de fichier. Dans ce cas, je recommanderais Vetur , mais vous l'avez probablement déjà.

Ajoutez ensuite cette entrée à votre vue.json fichier:

"vuetpl" : {
        "body": [
            "<template>",
            "\t<div>",
            "\t\t$0",
            "\t</div>",
            "</template>",

            "<script>",

            "export default{",
            "\tdata(){",
                "\t\treturn{",
                    "\t\t\t",
                "\t\t}",
            "\t},",
            "\tmethods:{",
                "\t\t",
            "\t},",
            "\tcreated(){",
                "\t\t",
            "\t}",
            "}",
            "</script>",

            "<style scoped>",
            "</style>",
        ],
        "prefix": "vuetpl",
        "description": "Creates a new template."
    }

Ensuite, lorsque vous créez un nouveau .vue fichier, tapez simplement vuetpl et appuyez sur tab pour la saisie semi-automatique, et vous aurez ceci: