如何在vscode中定制vue模板

自带的vue模板，比较简洁，没有添加methods，computed等属性

template中也未设置根节点，使用起来不是很方便

//原默认模板
<template>

</template>

<script>
export default {

}
</script>

<style>

</style>

我们可以通过配置用户代码片段的方式来自定义vue模板

步骤一：

在vscode左下角设置按钮处找到配置用户代码片段

输入vue.json

 步骤二：

 将原有内容完整替换成一下内容，也可再根据自定义

{
      
        "Print to console": {
            "prefix": "vue",
            "body": [
                "<template&g