Visual studio code 如何在Visual Studio代码中为文件扩展名创建模板?
在我的Vue.js项目中,几乎所有时候我都需要这个代码片段作为模板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
<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%完美回答我的问题。=)如果您感到好奇并最终创建了一个扩展名,请在这里回复:)请查看此处的答案,它是为创建文件而设计的。