vscode中寫vue中時有個問題，每次生成新的vue文件之后都需要把輸入一些相同的代碼，所以想着有沒有一些快捷鍵可以像直接“！”+tab直接生成html模板一樣生成一些vue代碼片段。經過一些搜索可以實現，故此記錄一下。
打開vscode之后，點擊左上角“文件”按鈕，選擇“首選項“，選擇”用戶代碼片段“，如果下載過vetur插件，可以直接更改vue.json，沒有的話先新建代碼片段，取名vue.json(文件名可以起其他名字，不過最好符合簡單易懂的原則)。
打開vue.json文件之后，我們可以看到里面的內容(這是一個新建的json文件，如果下載過vetur插件，里面已經會有一些配置項)：
英文好的大致可以看出來這個文件要怎么寫，我大致解釋一下(不想看解釋的話可以直接復制下面的代碼部分)：
這個json文件里需要一個對象，里面最重要的是”prefix“和”body“兩個屬性。
prefix：快捷鍵匹配。你可以理解為一個標識符，及你在vue文件中輸入這個標識符，然后回車就可以出現body里的內容；
body：代碼內容。是一個數組，里面是一行又一行的代碼，注意必須是雙引號包裹。
不想寫的話可以直接復制下面的代碼，這是我配置的：
{
"Print to console": {
"prefix": "vue",
"body": [
"<template>",
"\t<div class=\"$2\"></div>",
"</template>",
"<script>",
"export default {",
"\tcomponents: {},",
"\tdata() {",
"\t\treturn {};",
"\t},",
"\tmounted() {},",
"\tmethods: {}",
"};",
"</script>",
"<style></style>",
""
],
"description": "tplv output to vue-template"
}
}
這里有個注意點就是有一個制表符的概念，在\t和\"這里用到，因為我用的vue里有代碼檢查，對縮進和引號有要求，所以用需要用到制表符，具體制表符的概念我也不太清楚，所以還專門搜了搜相關的知識，這篇博客講的比較清楚：制表符概念的理解（c語言角度）
配置完成之后點擊保存，然后新建一個vue文件，輸入”vue“，按下回車鍵，就可以看到剛剛配置的代碼了。代碼可以根據自己的喜好再修改配置。