不知道vscode如何自定义vue模板，直到看了这篇文章

经常想自定义一个常常用到的初始化模板，但并不知道如何经过vscode如何设置。其实很是简单，就以下几步：

1 选择“文件 -> 首选项 -> 用户代码片断”

2 输入'vue'

2 打开’vue.json‘

3 输入模板信息：

{
  "Print to console": {
      "prefix": "vue",
      "body": [
          "<template>",
          " <div>$0</div>",
          "</template>",
          "",
          "<script>",
          "export default {",

          "",
          "}",
          "",
          "</script>",
          "<style>",
          "</style>"
      ],
      "description": "Log output to console"
  }
}复制代码

$0 表示生成代码后光标的位置 ; 

 prefix 表示生成对应预设代码的命令（此处设置的vue） 

 保存关闭文件；

4 新建.vue文件，输入vue快捷键并选择

5 最终造成以下模板：

 

是否是节省了不少代码量呢？

那就不要吝啬你的点赞吧~~