Visual studio code 如何在Visual Studio代码中为文件扩展名创建模板?

Visual studio code 如何在Visual Studio代码中为文件扩展名创建模板?,visual-studio-code,vscode-settings,Visual Studio Code,Vscode Settings,在我的Vue.js项目中,几乎所有时候我都需要这个代码片段作为模板 <template> <div> </div> <template> <script> export default{ data(){ return{ } }, methods:{ }, created(){ } } </script> <style

在我的Vue.js项目中,几乎所有时候我都需要这个代码片段作为模板

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

<script>

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

<style scoped>
</style>

导出默认值{
数据(){
返回{
}
},
方法:{
},
创建(){
}
}
是否有一种方法可以告诉Visual Studio代码,每次我创建一个扩展名为.vue的文件时自动将该代码段添加到该文件中


简单地说,当我创建具有特定扩展名的新文件时,该扩展名的预定义模板应该自动添加到文件中。

没有,不是本机添加的。但是有一个扩展名为,它允许您创建自己的文件模板并从中生成。但我认为你会从扩展中获益,这样做可能会更多

同时,您可以使用一个代码段来生成它,而不必复制粘贴

转到文件>首选项>用户代码段,然后从下拉列表中选择Vue。只有安装了支持此文件类型的扩展名,Vue才会显示。在这种情况下,我会推荐,但你可能已经有了

然后只需将此条目添加到您的
vue.json
文件:

"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."
    }
“vuetpl”:{
“正文”:[
"",
“\t”,
“\t\t$0”,
“\t”,
"",
"",
“导出默认值{”,
“\tdata(){”,
“\t\t返回{”,
“\t\t\t”,
“\t\t}”,
“\t},”,
“\t方法:{”,
“\t\t”,
“\t},”,
“\t已创建(){”,
“\t\t”,
“\t}”,
"}",
"",
"",
"",
],
“前缀”:“vuetpl”,
“说明”:“创建新模板。”
}
然后,当您创建一个新的
.vue
文件时,只需键入
vuetpl
,然后按
tab
自动完成,您将得到以下结果:

当然,您也可以使用来制作自己的代码片段。

扩展程序正是这样做的

您只需要配置两件事:

  • 代码段的名称
  • 用于何时应用代码段的文件名模式语言
推荐 作者有一些非常自定义的默认设置,所以一旦安装它,就修改它的设置并删除那些您不需要的模式


否则,每次创建文件时,它都会抱怨没有找到配置的代码段。

非常感谢,伙计。100%完美回答我的问题。=)如果您感到好奇并最终创建了一个扩展名,请在这里回复:)请查看此处的答案,它是为创建文件而设计的。