VSCODE中使用VUE插件生成快捷模板

VUE插件生成模板
1>VSCODE安装VUE2 Snippets
2>ctrl+shift+p 输入snippets选中首选项
3>默认模板

{
    "Print to console": {
     "prefix": "lw",
     "body": [
       "<template>",
       "  <div></div>",
       "</template>",
       "",
       "<script>",
       "// 这里可以导入其他文件(比如: 组件、工具js、第三方插件js、json文件、图片文件...)",
       "// 例如: import <组件名称> from '<组件路径>';",
       "",
       "export default {",
       "// import 引入的组件需要注入到对象中才能使用",
       "components: {},",
       "props: {},",
       "data() {",
       "// 这里存放数据",
       " return {",
       "",
       " };",
       "},",
       "",
       "// 计算属性 类似于 data 概念",
       "computed: {},",
       "// 监控 data 中的数据变化",
       "watch: {},",
       "// 方法集合",
       "methods: {},",
       "// 生命周期 - 创建完成（可以访问当前 this 实例）",
       "created() {},",
       "// 生命周期 - 挂载完成（可以访问 DOM 元素）",
       "mounted() {},",
       "// 生命周期 - 创建之前",
       "beforeCreate() {},",
       "// 生命周期 - 挂载之前",
       "beforeMount() {},",
       "// 生命周期 - 更新之前",
       "beforeUpdate() {},",
       "// 生命周期 - 更新之后",
       "updated() {},",
       "// 生命周期 - 销毁之前",
            "beforeDestroy() {},",
       "// 生命周期 - 销毁完成",
       "destroyed() {},",
        "// 如果页面有 keep-alive 缓存功能，这个函数会触发",
       "activated() {},",
       "}",
       "</script>",
       "<style scoped>",
       "",
       "</style>"
      ],
     "description": "创建VUE"
      }
    
   }