vscode 代码片段配置

左下角设置--> User Snippets -->选择已有文件修改或者创建新文件

下面是一段vue文件组件模板的配置例子

"vue component": { // 命名随便写，用于辨识
    "scope": "vue", // 影响的文件类型
    "prefix": "vue", // 输入“vue”就会搜索到“vue component”这条代码片段规则
    "body": [ // 下面是自动输入的代码片段，“${0}”、“${1}”表示默认光标位置,可以tab切换
      "<template>",
      "  <div></div>",
      "</template>",
      "<script>",
      "export default {",
      "  name: '${0}',",
      "  components: {",
      "  },",
      "  data () {",
      "    return {",
      "",
      "    };",
      "  },",
      "  props: {",
      "  },",
      "  computed: {",
      "  },",
      "  methods: {",
      "  },",
      "  created () {",
      "  },",
      "  mounted () {",
      "  },",
      "  destroyed () {",
      "  },",
      "};",
      "</script>",
      "<style lang=\"less\" scoped>",
      "",
      "</style>",
      ""
    ]
  }