1、開啟vscode，點選檔案/file->首選項->使用者片段，選擇vue.json

2、點選進入貼上下面文字（模板內容可根據自己需求更改）

{
  "vue template": {
    "prefix": "vue3",
    "body": [
      "<template>",
      "  <div>",
      " ",
      "  </div>",
      "</template>",
      "<script lang='ts'>",
      "import { defineComponent } from 'vue'",
      "export default defineComponent({",
      "  name: '$TM_FILENAME_BASE',",
      "})",
      "</script>",
      "<style>",
      " ",
      "</style>",
      ""
    ],
    "description": "vue3 template"
  },
}
 

prefix :程式碼片段名字，即輸入此名字就可以呼叫程式碼片段。

body :這個是程式碼段的主體.需要編寫的程式碼放在這裡。　
　　　
description :程式碼段描述,輸入名字後編輯器顯示的提示資訊。

3、$TM_FILENAME_BASE動態獲取新建檔案時建立的檔名，不加字尾名。

4、新建.vue檔案，檔案中輸入模板中prefix的值：vue3，回車即可一鍵生成