vscode创建VUE模版

1、安装一个插件，识别vue文件

插件库中搜索Vetur，点击安装

2、新建代码片段

ctrl+shift+p 输入snippets 选择vue.json

3、在vue.json里写下自己想要生成的vue模版

{
    "Print to console": {
      "prefix": "vue",  
      "body": [
        "<!-- $1 -->",
        "<template>",
        "<div></div>",
        "</template>",
        "",
        "<script>",
        "export default {",
        "data() {",
        "return {",
        "",
        "}",
        "},",
        "//生命周期 - 创建完成（访问当前this实例）",
        "created() {",
        "",
        "},",
        "//生命周期 - 挂载完成（访问DOM元素）",
        "mounted() {",
        "",
        "}",
        "}",
        "</script>",
        "<style scoped>",
        "/* @import url(); 引入css类 */",
        "$4",
        "</style>"
      ],
      "description": "Log output to console"
    }
  }

注意

 "prefix": "vue",   vue就是快捷键 在空的vue文件输入vue之后按下tab键即可生成vue模版