vscode vue 快捷模版

在vscode编辑器中，新建一个vue文件的时候，希望可以快速生成一个vue文件的模版，这样节省了很多功夫。
以下是快捷模版的方法：

1、安装插件vetur
2、vscode 打开文件--首选项--配置用户代码片段--新建全局代码片段--输入下方代码
3、在vue文件中，输入vue会有提示菜单，选中你的模版。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
{
    "Print to console": {
        "prefix": "vue",
        "body": [
            "<!-- $1 -->",
            "<template>",
            "  <div class=\"\"></div>",
            "</template>\n",
            "<script>",
            "export default {",
            "  name: \"\",",
            "  components: {},",
            "  data() {",
            "    return {};",
            "  },",
            "  methods: {}",
            "};",
            "</script>\n",
            "<style lang=\"less\" scoped></style>",
            "$2"
        ],
        "description": "Log output to console"
    }
}

tupian1 。。。