1.ctrl + shift + p 选择 User Snippets

2.选择你需要的语言以vue为例，也可以新建.json文件，我是新建了.json文件

3.新建一个.vue文件，输入你的代码快捷命令，就可以直接生成了

4.附上我的代码模板

{

  // Place your 全局 snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and

  // description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope

  // is left empty or omitted, the snippet gets applied to all languages. 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": {

  //  "scope": "javascript,typescript",

  //  "prefix": "log",

  //  "body": [

  //    "console.log('$1');",

  //    "$2"

  //  ],

  //  "description": "Log output to console"

  // }

  // Example:

  "Print to console": {

    "prefix": "vue-tem",

    "body": [

      "<!-- 模块说明 -->",

      "<template>",

      "  <div class=\"container\">",

      "",

      "  </div>",

      "</template>",

      "",

      "<script>",

      "export default {",

      "  // 组件注册",

      "  components: {},",

      "  mixins: [],",

      "  props: [],",

      "  data () {",

      "    return {",

      "    }",

      "  },",

      "  computed: {},",

      "  watch: {},",

      "  methods: {},",

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

      "  created () {},",

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

      "  mounted () {},",

      "  destroyed () {}",

      "}",

      "</script>",

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

      ".container {",

      "",

      "}",

      "</style>",

      ""

    ],

    "description": "A vue file template"

  }

}