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