使用vscode創建vue文件時，自動生成vue文件模板

在vscode中沒有像hubilder一樣，創建vue文件後就自動生成vue模板。
但是我們可以自己創建vue.json文件自定義配置。
記錄一下我自己配置的過程🤭

1.打開vscode，在菜單欄中選擇 文件 / 首選項 / 用戶代碼片段
這時就會打開搜索欄

2.新建全局代碼片段 / 輸入vue.json

3.手動配置vue.json文件
將下面的代碼，複製到創建的vue.json文件中，保存，然後就🆗了

在使用的時候，創建vue文件，然後輸入vue，按tab鍵，或者回車鍵，就可以創建一個自定義模板的vue文件辣

{
	// 打印輸出
	"Print to console": {
		// 前綴  也就是用戶輸入的快捷鍵內容
		"prefix": "vue",
		// 輸出內容
		"body": [
			"<!-- $0 -->",
			"<template>",
			"  <div>",
			"",
			"  </div>",
			"</template>",
			"",
			"<script>",
			"export default {",
			"  data () {",
			"    return {",
			"    }",
			"  }",
			"}",
			"</script>",
			"",
			"<style  scoped>",
			"",
			"</style>",
			""
		],
		// 描述
		"description": "Log output to console"
	}
}