vscode 用户代码片段 (vue)

{
  // Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and 
  // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
  // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 
  // same ids are connected.
  // Example:
  "Print to console": {
    "prefix": "cl",
    "body": [
      "console.log($1);"
    ],
    "description": "快捷打印 console"
  },
  "Print to chain(?.)": {
    "prefix": ".",
    "body": [
      "?.$1"
    ],
    "description": "快捷可选链"
  },
  "Print to vue3 setup sript": {
    "prefix": "vue3 setup sript",
    "body": [
      "<template>",
      "  <div class=\"$1\">",
      "    <h2>$1内容</h2>",
      "  </div>",
      "</template>",
      "",
      "<script lang=\"ts\" setup name=\"$1\">",
      "// import { ref, reactive, toRefs, computed, onMounted, onUnmounted, defineProps,  defineEmits, watch, watchEffect, useAttrs, provide, inject, defineExpose, getCurrentInstance } from 'vue';",
      "",
      "</script>",
      "",
      "<!-- <style src=\"./index.scss\" lang=\"scss\" scoped/> -->",
      "<style  lang=\"scss\" scoped>",
      ".$1 {",
      "  display: block;",
      "}",
      "</style>",
      "",
    ],
    "description": "A vue3 setup sript file template"
  },
  "Print to vue3": {
    "prefix": "vue3",
    "body": [
      "<template>",
      "  <div class=\"$1\">",
      "    <h2>$1内容</h2>$0",
      "  </div>",
      "</template>",
      "",
      "<script lang=\"ts\">",
      "import { defineComponent } from 'vue';",
      "export default defineComponent({",
      "  name: \"$1\",",
      "  components:{},",
      "  props:[],",
      "  setup(){",
      "     return {};",
      "  },",
      "  data(){",
      "     return {};",
      "  },",
      "  computed:{},",
      "  watch:{},",
      "  // 声明周期函数",
      "  beforeCreate() {},",
      "  created() {},",
      "  beforeMount() {},",
      "  mounted() {},",
      "  beforeUpdate() {},",
      "  updated() {},",
      "  beforeUnmount(){},",
      "  unmounted(){},",
      "  // 使用keep-alive生效",
      "  activated() {},",
      "  deactivated() {},",
      "  methods:{},",
      "})",
      "</script>",
      "<style  lang=\"scss\" scoped>",
      ".$1 {",
      "    display: block;",
      "};",
      "</style>",
      "",
    ],
    "description": "A vue3 file template"
  },
}