默認(rèn)片段解釋

{
  "demo": {
    "scope": "javascript,typescript,vue", // 作用域，這里代表在js、ts、vue中都可以觸發(fā)快捷方式
    "prefix": "vue3-ts", // 快捷觸發(fā)代號(hào)/命令
    "body": [ // 代碼塊內(nèi)容，每一行都要用""雙引號(hào)包裹，如果需要縮進(jìn)手動(dòng)按空格
      "<template>$1</template>" // $1,代表你生成的代碼塊后，你的光標(biāo)位置，方便編輯
    ],
    "description": "vue3 components" // 表示你對(duì)快捷代碼塊的注釋?zhuān)奖憧次募臅r(shí)候理解
  }
}

實(shí)例

• 創(chuàng)建一個(gè) vue3 + ts 的自定義代碼片段

{
	"vue3-ts": {
		"scope": "javascript,typescript,vue",
		"prefix": "vue3-ts",
		"body": [
		  "<template>",
	      "",
	      "</template>",
	      "",
	      "<script lang=\"ts\">",
	      "import { defineComponent } from 'vue'",
	      "",
	      "export default defineComponent({",
	      "  name: '',",
	      "  setup () {",
	      "    return {",
	      "    }",
	      "  }",
	      "})",
	      "</script>",
	      "",
	      "<style lang=\"scss\">",
	      "",
	      "</style>"
		],
		"description": "vue3-ts init components"
	}
}

接下來(lái)只需要在 .vue 文件中輸入 vue3-ts 就會(huì)生成自定義代碼片段了。