vscode中的用戶代碼片段

vscode 中可以通過自定義的關鍵字快速生成相應的代碼片段，以 vue 爲例

1. 點擊左下方的設置，找到用戶代碼片段

2. 選擇想要生成的代碼片段，可以自定義任何模板

3. 配置代碼片段

{
  "jx template": {			// 該片段的名稱（用於分辨各片段）
	"prefix": "vue",	// 關鍵字（輸入該關鍵字使用 tab 鍵即可快速生成）
	"body": [
		"<template>",
		"  <div>",
		"    $2",
		"  </div>",
		"</template>",
		"<script>",
		"export default {",
		"  name: '$1',",
		"}",
		"</script>",
		"<style scoped>",
		"",
		"</style>",
		""
	],
	"description": "vue template"
  }
 }

其中 $1, $2 爲生成片段之後光標所在的位置，$0 是光標最後所在的位置。使用 tab 鍵切換光標，用於快速輸入。