Vs Code如何自定義設置一鍵代碼補全

有時候是不是看到別人輸入一個vue就能打印整個代碼，感覺很神奇，本文就以vue爲案例教你如何使用這種騷操作！！！

點擊文件->首選項->用戶代碼片段

輸入vue.json（如果沒有則新建代碼片段）
（我這裏選擇的是以vue結尾的文件，如果是html就輸入html.json，其他文件則同樣處理）

然後你會看到一箇中括號裏裏面全是註釋
刪掉選中的部分，，將其他的註釋還原

這裏解釋下剩下的什麼意思

• Print to console 代表的是名字，這個隨意，你可以隨便起名。
• prefix 這個裏面是你單詞的觸發器，比如如果裏面是log的話，在vue文件中輸入log就會提示，你enter下，將會把你裏面的內容打印下來
• body 就是你需要輸入提示裏面的內容了

別的就隨便填了

我的prefix裏填的是vue
body裏是

"body": [
			"<template>",
			"    <div>",
			"     $1",
			"     </div>",
			"</template>",
				"",
			"<script>",
			"export default {",
			"   data(){",
			"    return{",
				" ",
			"  }",
			"},",
			"   methods:{",
				"",
			"}",
			"}",
			"</script>",
				"",
			"<style scoped>",
				"",
			"</style>",
		],

這樣輸入vue就直接打印出

當然你可以設置很多的觸發器單詞，不限字數。。。。。。