本文只描述在VC Code中創(chuàng)建自己的代碼片段波岛,其他編輯器荐健,請(qǐng)自行查閱暖璧。
- 打開VS Code案怯,按F1 打開命令窗口,輸入關(guān)鍵字
snippet
,找到首選項(xiàng):配置用戶代碼片段
澎办,回車進(jìn)入嘲碱; - 選擇新建全局代碼片段文件,例如:my-snippents局蚀,默認(rèn)會(huì)在
C:\Users\Administrator\AppData\Roaming\Code\User\snippets
文件下麦锯,創(chuàng)建my-snippents.code-snippents文件;(注:我們現(xiàn)在創(chuàng)建的是全局的琅绅,當(dāng)然你也可以創(chuàng)建對(duì)應(yīng)語(yǔ)言模式的代碼片段扶欣,沒錯(cuò)就是你剛剛看到的其它選項(xiàng),點(diǎn)開直接配置就可以千扶,會(huì)生成例如vue.json這樣的文件料祠,同樣也會(huì)被保存在這個(gè)文件夾中) - 在my-snippents文件中,添加你想要配置的代碼片段澎羞,舉個(gè)例子髓绽,我想要在創(chuàng)建文件時(shí),添加文件相關(guān)信息:
{
"Print to console": {
"prefix": "author",
"body": [
" /**"
" * @author :livisun (博客地址:https://www.livisun.top)"
" * @date :$CURRENT_YEAR年$CURRENT_MONTH月$CURRENT_DATE日 $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND $CURRENT_DAY_NAME"
" * @Description :$1"
" */"
],
"description": "創(chuàng)建信息"
},
}
這樣 妆绞,就可以在創(chuàng)建文件時(shí)顺呕,以author +回車/Tab 快速輸出代碼片段。
對(duì)了括饶,簡(jiǎn)單介紹一下 snippet的語(yǔ)法規(guī)則
prefix :代碼片段名字株茶,即輸入此名字就可以調(diào)用代碼片段。
body :這個(gè)是代碼段的主體.需要編寫的代碼放在這里,
$1 :生成代碼后光標(biāo)的初始位置.
$2 :生成代碼后光標(biāo)的第二個(gè)位置,按tab鍵可進(jìn)行快速切換,還可以有$3,$4,$5.....
${1,字符} :生成代碼后光標(biāo)的初始位置(其中1表示光標(biāo)開始的序號(hào)巷帝,字符表示生成代碼后光標(biāo)會(huì)直接選中字符忌卤。)
description :代碼段描述,輸入名字后編輯器顯示的提示信息扫夜。