VScode为Vue文件设置模板代码

作者: 北冥有鱼_425c | 来源:发表于2020-01-12 22:34 被阅读0次

1、安装插件：Vetur/vueHelper

2、文件—》首选项—》用户代码片段

添加如下代码：

"vue": {
        "prefix": "vue",
        "body": [
            "<template>",
            "  <div>",
            "    ",
            "  </div>",
            "</template>",
            "",
            "<script>",
            "export default {",
            "  components: {},",
            "  data() {",
            "    return {",
            "      ",
            "    }",
            "  }",
            "}",
            "</script>",
            "",
            "<style lang='less' scoped>",
            "</style>",
        ],
        "description": "generate a vue file"
    }

效果：

<template>
  <div>
    
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {
      
    }
  }
}
</script>

<style lang='less' scoped>
</style>

参考文档：https://blog.csdn.net/pengjunlee/article/details/97136104