vscode 一键生成vue模板

文件 -> 首选项 -> 用户片段 -> 新建代码片段文件...-> 键入代码段文件名   vue.json       回车   ->  把下面复制进去全部替换， ctrl+s  保存     ->  打开vue页面  输入  vue  按tab键

{

    "Print to console": {

        "prefix": "vue",

        "body": [

            "<!-- $1 -->",

            "<template>",

            "  <div class='$2'>$5</div>",

            "</template>",

            "",

            "<script>",

            "",

            "export default {",

            "  components: {},",

            "  data() {",

            "    return {}",

            "  },",

            "  // 监听属性 类似于data概念",

            "  computed: {},",

            "  // 监控data中的数据变化",

            "  watch: {},",

            "  //方法集合",

            "  methods: {},",

            "  // 生命周期 - 创建完成（可以访问当前this实例）",

            "  created() {},",

            "  //生命周期 - 挂载完成（可以访问DOM元素）",

            "  mounted() {},",

            "  beforeCreate() {}, // 生命周期 - 创建之前",

            "  beforeMount() {}, // 生命周期 - 挂载之前",

            "  beforeUpdate() {}, // 生命周期 - 更新之前",

            "  updated() {}, // 生命周期 - 更新之后",

            "  beforeDestroy() {}, // 生命周期 - 销毁之前",

            "  destroyed() {}, // 生命周期 - 销毁完成",

            "  activated() {}, // 如果页面有keep-alive缓存功能，这个函数会触发",

            "}",

            "</script>",

            "<style lang='scss' scoped>",

            "//@import url($3); 引入公共css类",

            "$4",

            "</style>"

        ],

        "description": "Log output to console"

    }

}