如何在vscode中自定义vue模板

本篇文章为大家展示了如何在vscode中自定义vue模板，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。

打开vscode，选择文件 > 首选项 > 用户片段。随后在出现的输入框内输入vue，按回车键。打开了一个叫vue.json的文件。如图：

图片内容已经是添加了相应的模板内容了，解释下，prefix字段表示的是自定义指令，就是我们在vue文件里面输入的vue标签，按回车即可生成自定义的文件内容；body里面就是我们自定义的内容了。\t是制表符，我这里主要是做格式化代码用

创建完vue模板后，就可以通过vue来创建文件啦！如下图：

代码内容：

 "Print to console": {  "prefix": "vue",  "body": [  "<!-- $0 -->",  "<template>",   "\t<div>",   "",   "\t</div>",  "</template>",  "",  "<script>",  "export default {",     "\tname: '',",  "\tcomponents: {},",  "\tdata () {",  "\treturn {",  "\t}",  "\t},",  "\tmounted () {},",  "\tmethods: {}",  "}",  "</script>",  "<style scoped='scss' scoped>",  "</style>"  ],  "description": "vue output to vue-template"   }

上述内容就是如何在vscode中自定义vue模板，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注亿速云行业资讯频道。