vscode自定義代碼片段-vue3為例

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，回車即可一鍵生成