一講到寫代碼的效率問題，很多程序員同志們都會(huì)想到各種編輯器的插件，這些插件有的能幫你快速地規(guī)范代碼格式，有些能自動(dòng)補(bǔ)全閉合標(biāo)簽琢岩，還有的能智能提示文件路徑等。
其實(shí)除了安裝各種插件之外师脂，有些編輯器（如vscode担孔，sublime）內(nèi)置了自定義代碼片段功能，即snippet吃警。
自定義snippet之后糕篇，可以通過輸入簡短的觸發(fā)指令而生成完整的代碼片段。如輸入log即可生成console.log('')酌心。
然而似乎很多程序員盆友們很少把這個(gè)功能用起來拌消。下面以vscode編輯器為例，介紹snippet的玩法安券。
1.進(jìn)入菜單 code--首選項(xiàng)--用戶代碼片段
2.選擇代碼片段的語言墩崩，自定義的代碼片段只會(huì)在選定的語言類型文件里生效
3.以vue代碼片段語言為例，生成vue.json文件
現(xiàn)在我們可以開始自定義我們常用的vue代碼片段了，如：
"Vue template": {
"prefix": "vue",
"body": [
"<template>\n\t<div>\n\t\t$1\n\t</div>\n</template>\n<script>\nexport default {\n\t\n}\n</script>\n<style lang=\"less\" scoped>\n\n</style>",
],
"description": "Log output vue template"
}
現(xiàn)在我們新建一個(gè)test.vue文件，輸入vue再回車即可生成vue代碼模板
很方便對吧介衔！簡直是“write less，code more”有木有铐拐！
4.配置優(yōu)化
vscode默認(rèn)的配置是徘键，用戶輸入指定的prefix字段，然后根據(jù)編輯器提示選擇并回車生成代碼片段遍蟋，但是有時(shí)候編輯器的彈窗提示存在一定的延遲吹害。
優(yōu)化建議：進(jìn)入菜單 code--首選項(xiàng)--設(shè)置，添加配置"editor.tabCompletion": true虚青，這樣我們就可以在輸入prefix字段后按Tab鍵快速生成代碼片段啦～
