1、打开vscode, 文件-首选项-用户代码片段，选择代码片段文件或创建代码片段，选择或新建vue.json

image.png

2、输入以下代码：当你输入vue的时候，可以快速生成代码片段

备注：配置没有生效重启软件

{
      "Print to console": {
          "prefix": "vue",
          "body": [
              "<template>",
              "  <div>\n",
              "  </div>",
              "</template>\n",
              "<script>",
              "export default {",
              "  props: {\n",
              "  },",
              "  components: {\n",
              "  },",
              "  data() {",
              "    return {\n",
              "    };",
              "  },",
              "  computed: {\n",
              "  },",
              "  watch: {\n",
              "  },",
              "  created() {\n",
              "  },",
              "  mounted() {\n",
              "  },",
              "  methods: {\n",
              "  },",
              "};",
              "</script>\n",
              "<style scoped lang=\"${1:less}\">\n",
              "</style>\n",
          ],
          "description": "Create vue template"
      }
  }

3、测试：新建vue页面，输入vue显示如下

image.png