【VScode】配置vue模板vue-template

步骤1：

文件 > 首选项 > 配置用户代码片段 > 选择或输入“vue.json”

步骤2：

将以下代码复制粘贴即可

{
  "vue-template": {
    "prefix": "vue",
    "body": [
      "<template>",
      "  <div class=\"$1\">$2</div>",
      "</template>",
      "",
      "<script>",
      "export default {",
      "  name: '$3',",
      "  mixins: [],",
      "  components: {},",
      "  props: {},",
      "  data () {",
      "    return {",
      "    }",
      "  },",
      "  computed: {},",
      "  watch: {},",
      "  created () {},",
      "  mounted () {},",
      "  methods: {}",
      "}",
      "</script>",
      "",
      "<style scoped lang=\"scss\"></style>",
      ""
    ],
    "description": "my vue template"
  }
}