snippet,让你编码效率翻倍
生活随笔
收集整理的這篇文章主要介紹了
snippet,让你编码效率翻倍
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
為什么談到Snippet
今天下午在用vscode做小程序的時(shí)候，發(fā)現(xiàn)很不方便，因?yàn)樯痰昀锾峁┑拇a片段極為有限，而且平時(shí)幾乎每天都需要用到代碼片段，所以就在思考他們是怎么做到給別人提供代碼的，我可以自定義代碼片段嗎。然后查了下，果然，這在vscode里自帶的（好像藏得有點(diǎn)深），是可以自定義的，然后在做完自己的任務(wù)后搗鼓了下，基本了解了snippet的語(yǔ)法，突然有種打開(kāi)新世界大門(mén)的感覺(jué)。做個(gè)記錄，上菜了
如何打開(kāi)snippet配置
這里以vscode為例，其他編輯器大概也差不多。在vscode中快捷鍵「Ctrl Shift P」打開(kāi)命令窗口，然后輸入snippet,選擇**[配置用戶代碼片段]**，點(diǎn)擊后，就可以愉快的進(jìn)行片段的編寫(xiě)了
Snippet怎么用
先上一個(gè)Demo
"html template": {"prefix": "ht","body": ["<!DOCTYPE html>","<html lang=\"en\">","<head>"," <meta charset=\"UTF-8\">"," <title>${1:$CURRENT_DATE}</title>","</head>","<body>"," <div class=\"${2|container,wrapper|}\">"," ${3}"," </div>","</body>","</html>",],"description": "create a html frame"}效果是這樣滴
基礎(chǔ)結(jié)構(gòu)
- 片段名字
- prefix（前綴，輸入的觸發(fā)條件，比如上面例子中當(dāng)我輸入ht后，就能tab出來(lái)片段）
- body（主體部分，在里面根據(jù)語(yǔ)法定義自己需要的代碼片段）
- description（說(shuō)明，片段的具體描述）
基礎(chǔ)語(yǔ)法
- 每個(gè)逗號(hào)代表一整行的結(jié)束，雙引號(hào)需要用轉(zhuǎn)義字符 \
- $number表示光標(biāo)跳轉(zhuǎn)的順序，比如$1表示光標(biāo)首次需要跳轉(zhuǎn)的位置，相同序號(hào)的會(huì)在一起，另外$0表示最終光標(biāo)位置
- 變量，在未賦值的情況下提供默認(rèn)值，這里提供一些變量
- 可選項(xiàng)，當(dāng)光標(biāo)到該處的時(shí)候彈出一些可選擇項(xiàng)，使用 | ，| 后面是自己提供的可選項(xiàng) 我這里是提供了兩個(gè)值，值之間使用逗號(hào)進(jìn)行分隔
- body的高級(jí)語(yǔ)法，可以參考這里，寫(xiě)的很詳細(xì)
最后
效果
最后附上把自己的snippet放到market上的教程，使勁戳 這里總結(jié)
以上是生活随笔為你收集整理的snippet,让你编码效率翻倍的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： Github Actions：再次改变软
- 下一篇： 一个基于Bmob的OPPO锁屏壁纸小程序