資訊專欄INFORMATION COLUMN
摘要：做個(gè)記錄，上菜了如何打開配置這里以為例，其他編輯器大概也差不多。時(shí)間相關(guān)當(dāng)前年份當(dāng)前年份的后兩位格式化為兩位數(shù)字的當(dāng)前月份，如當(dāng)前月份的全稱，如當(dāng)前月份的簡(jiǎn)稱，如當(dāng)天月份第幾天當(dāng)天周幾，如當(dāng)天周幾的簡(jiǎn)稱，如當(dāng)前小時(shí)小時(shí)制當(dāng)前分鐘當(dāng)前秒數(shù)。
為什么談到Snippet
今天下午在用vscode做小程序的時(shí)候，發(fā)現(xiàn)很不方便，因?yàn)樯痰昀锾峁┑拇a片段極為有限，而且平時(shí)幾乎每天都需要用到代碼片段，所以就在思考他們是怎么做到給別人提供代碼的，我可以自定義代碼片段嗎。然后查了下，果然，這在vscode里自帶的（好像藏得有點(diǎn)深），是可以自定義的，然后在做完自己的任務(wù)后搗鼓了下，基本了解了snippet的語(yǔ)法，突然有種打開新世界大門的感覺。做個(gè)記錄，上菜了
如何打開snippet配置這里以vscode為例，其他編輯器大概也差不多。在vscode中快捷鍵「Ctrl + Shift + P」打開命令窗口，然后輸入snippet,選擇 [配置用戶代碼片段]，點(diǎn)擊后，就可以愉快的進(jìn)行片段的編寫了
Snippet怎么用 先上一個(gè)Demo"html template": {
"prefix": "ht",
"body": [
"",
"",
"",
" ",
" ${1:$CURRENT_DATE} ",
"",
"",
" ",
" ${3}",
" ",
"",
"",
],
"description": "create a html frame"
}
效果是這樣滴
片段名字
prefix（前綴，輸入的觸發(fā)條件，比如上面例子中當(dāng)我輸入ht后，就能tab出來片段）
body（主體部分，在里面根據(jù)語(yǔ)法定義自己需要的代碼片段）
description（說明，片段的具體描述）
基礎(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)值，這里提供一些變量
TM_SELECTED_TEXT：當(dāng)前選定的文本或空字符串；
TM_CURRENT_LINE：當(dāng)前行的內(nèi)容；
TM_CURRENT_WORD：光標(biāo)所處單詞或空字符串
TM_LINE_INDEX：行號(hào)（從零開始）；
TM_LINE_NUMBER：行號(hào)（從一開始）；
TM_FILENAME：當(dāng)前文檔的文件名；
TM_FILENAME_BASE：當(dāng)前文檔的文件名（不含后綴名）；
TM_DIRECTORY：當(dāng)前文檔所在目錄；
TM_FILEPATH：當(dāng)前文檔的完整文件路徑；
CLIPBOARD：當(dāng)前剪貼板中內(nèi)容。
時(shí)間相關(guān)
CURRENT_YEAR: 當(dāng)前年份；
CURRENT_YEAR_SHORT: 當(dāng)前年份的后兩位；
CURRENT_MONTH: 格式化為兩位數(shù)字的當(dāng)前月份，如 02；
CURRENT_MONTH_NAME: 當(dāng)前月份的全稱，如 July；
CURRENT_MONTH_NAME_SHORT: 當(dāng)前月份的簡(jiǎn)稱，如 Jul；
CURRENT_DATE: 當(dāng)天月份第幾天；
CURRENT_DAY_NAME: 當(dāng)天周幾，如 Monday；
CURRENT_DAY_NAME_SHORT: 當(dāng)天周幾的簡(jiǎn)稱，如 Mon；
CURRENT_HOUR: 當(dāng)前小時(shí)（24 小時(shí)制）；
CURRENT_MINUTE: 當(dāng)前分鐘；
CURRENT_SECOND: 當(dāng)前秒數(shù)。
可選項(xiàng)，當(dāng)光標(biāo)到該處的時(shí)候彈出一些可選擇項(xiàng)，使用 | ，| 后面是自己提供的可選項(xiàng) 我這里是提供了兩個(gè)值，值之間使用逗號(hào)進(jìn)行分隔
body的高級(jí)語(yǔ)法，可以參考這里，寫的很詳細(xì)
最后效果
最后附上把自己的snippet放到market上的教程，使勁戳這里
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/113926.html
摘要：做個(gè)記錄，上菜了如何打開配置這里以為例，其他編輯器大概也差不多。時(shí)間相關(guān)當(dāng)前年份當(dāng)前年份的后兩位格式化為兩位數(shù)字的當(dāng)前月份，如當(dāng)前月份的全稱，如當(dāng)前月份的簡(jiǎn)稱，如當(dāng)天月份第幾天當(dāng)天周幾，如當(dāng)天周幾的簡(jiǎn)稱，如當(dāng)前小時(shí)小時(shí)制當(dāng)前分鐘當(dāng)前秒數(shù)。 為什么談到Snippet 今天下午在用vscode做小程序的時(shí)候，發(fā)現(xiàn)很不方便，因?yàn)樯痰昀锾峁┑拇a片段極為有限，而且平時(shí)幾乎每天都需要用到代碼片段...
摘要：如果編輯器在編碼時(shí)實(shí)時(shí)給出反饋，對(duì)開發(fā)者個(gè)人而言才是最高效的，在提交時(shí)做強(qiáng)制檢查只是從團(tuán)隊(duì)的視角保證編碼風(fēng)格的規(guī)范性和一致性。 工欲善其事必先利其器，軟件工程師每天打交道最多的可能就是編輯器了。入行幾年來，先后折騰過的編輯器有 EditPlus、UltraEdit、Visual Studio、EClipse、WebStorm、Vim、SublimeText、Atom、VSCode，現(xiàn)在...
摘要：如果編輯器在編碼時(shí)實(shí)時(shí)給出反饋，對(duì)開發(fā)者個(gè)人而言才是最高效的，在提交時(shí)做強(qiáng)制檢查只是從團(tuán)隊(duì)的視角保證編碼風(fēng)格的規(guī)范性和一致性。 工欲善其事必先利其器，軟件工程師每天打交道最多的可能就是編輯器了。入行幾年來，先后折騰過的編輯器有 EditPlus、UltraEdit、Visual Studio、EClipse、WebStorm、Vim、SublimeText、Atom、VSCode，現(xiàn)在...
摘要：使用高亮類似的擴(kuò)展更強(qiáng)大的高亮擴(kuò)展，具有更多功能。為了檢查和檢查響應(yīng)，使用了之類的工具。在這里獲取這兩個(gè)擴(kuò)展自動(dòng)閉合標(biāo)記和自動(dòng)重命名標(biāo)記。類似的擴(kuò)展顯示提交歷史的精美圖表等等。 想閱讀更多優(yōu)質(zhì)文章請(qǐng)猛戳GitHub博客,一年百來篇優(yōu)質(zhì)文章等著你！ Quokka.js Quokka.js 是一個(gè)用于 JavaScript 和 TypeScript 的實(shí)時(shí)運(yùn)行代碼平臺(tái)。這意味著它會(huì)實(shí)時(shí)運(yùn)行...
閱讀 2622·2021-11-22 12:05
閱讀 3504·2021-10-14 09:42
閱讀 1737·2021-07-28 00:15
閱讀 2038·2019-08-30 11:08
閱讀 1544·2019-08-29 17:31
閱讀 974·2019-08-29 16:42
閱讀 2392·2019-08-26 11:55
閱讀 2163·2019-08-26 11:49
