snippet,讓你編碼效率翻倍

denson 發布于2019-08-29 16:42 / 918人閱讀

摘要：做個記錄，上菜了如何打開配置這里以為例，其他編輯器大概也差不多。時間相關當前年份當前年份的后兩位格式化為兩位數字的當前月份，如當前月份的全稱，如當前月份的簡稱，如當天月份第幾天當天周幾，如當天周幾的簡稱，如當前小時小時制當前分鐘當前秒數。

為什么談到Snippet

今天下午在用vscode做小程序的時候，發現很不方便，因為商店里提供的代碼片段極為有限，而且平時幾乎每天都需要用到代碼片段，所以就在思考他們是怎么做到給別人提供代碼的，我可以自定義代碼片段嗎。然后查了下，果然，這在vscode里自帶的（好像藏得有點深），是可以自定義的，然后在做完自己的任務后搗鼓了下，基本了解了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（前綴，輸入的觸發條件，比如上面例子中當我輸入ht后，就能tab出來片段）

body（主體部分，在里面根據語法定義自己需要的代碼片段）

description（說明，片段的具體描述）

基礎語法

每個逗號代表一整行的結束，雙引號需要用轉義字符

$number表示光標跳轉的順序，比如$1表示光標首次需要跳轉的位置，相同序號的會在一起，另外$0表示最終光標位置

變量，在未賦值的情況下提供默認值，這里提供一些變量

    TM_SELECTED_TEXT：當前選定的文本或空字符串； 
    TM_CURRENT_LINE：當前行的內容；
    TM_CURRENT_WORD：光標所處單詞或空字符串 
    TM_LINE_INDEX：行號（從零開始）；
    TM_LINE_NUMBER：行號（從一開始）；
    TM_FILENAME：當前文檔的文件名；
    TM_FILENAME_BASE：當前文檔的文件名（不含后綴名）；
    TM_DIRECTORY：當前文檔所在目錄；
    TM_FILEPATH：當前文檔的完整文件路徑；
    CLIPBOARD：當前剪貼板中內容。
    時間相關
    CURRENT_YEAR: 當前年份；
    CURRENT_YEAR_SHORT: 當前年份的后兩位；
    CURRENT_MONTH: 格式化為兩位數字的當前月份，如 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: 當前秒數。

可選項，當光標到該處的時候彈出一些可選擇項，使用 | ，| 后面是自己提供的可選項我這里是提供了兩個值，值之間使用逗號進行分隔

body的高級語法，可以參考這里，寫的很詳細

最后

效果

最后附上把自己的snippet放到market上的教程，使勁戳這里

云服務器 GPU云服務器翻倍 snippet Snippets php 字符翻倍

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/113926.html

snippet,讓你編碼效率翻倍

摘要：做個記錄，上菜了如何打開配置這里以為例，其他編輯器大概也差不多。時間相關當前年份當前年份的后兩位格式化為兩位數字的當前月份，如當前月份的全稱，如當前月份的簡稱，如當天月份第幾天當天周幾，如當天周幾的簡稱，如當前小時小時制當前分鐘當前秒數。為什么談到Snippet 今天下午在用vscode做小程序的時候，發現很不方便，因為商店里提供的代碼片段極為有限，而且平時幾乎每天都需要用到代碼片段...

caspar 2019-08-23 11:57 評論0 收藏0
能讓你開發效率翻倍的 VSCode 插件配置（上）

摘要：如果編輯器在編碼時實時給出反饋，對開發者個人而言才是最高效的，在提交時做強制檢查只是從團隊的視角保證編碼風格的規范性和一致性。工欲善其事必先利其器，軟件工程師每天打交道最多的可能就是編輯器了。入行幾年來，先后折騰過的編輯器有 EditPlus、UltraEdit、Visual Studio、EClipse、WebStorm、Vim、SublimeText、Atom、VSCode，現在...

feng409 2019-08-21 17:36 評論0 收藏0
能讓你開發效率翻倍的 VSCode 插件配置（上）

摘要：如果編輯器在編碼時實時給出反饋，對開發者個人而言才是最高效的，在提交時做強制檢查只是從團隊的視角保證編碼風格的規范性和一致性。工欲善其事必先利其器，軟件工程師每天打交道最多的可能就是編輯器了。入行幾年來，先后折騰過的編輯器有 EditPlus、UltraEdit、Visual Studio、EClipse、WebStorm、Vim、SublimeText、Atom、VSCode，現在...

AlanKeene 2019-06-28 10:24 評論0 收藏0
提高 JavaScript 開發效率的高級 VSCode 擴展！

摘要：使用高亮類似的擴展更強大的高亮擴展，具有更多功能。為了檢查和檢查響應，使用了之類的工具。在這里獲取這兩個擴展自動閉合標記和自動重命名標記。類似的擴展顯示提交歷史的精美圖表等等。想閱讀更多優質文章請猛戳GitHub博客,一年百來篇優質文章等著你！ Quokka.js Quokka.js 是一個用于 JavaScript 和 TypeScript 的實時運行代碼平臺。這意味著它會實時運行...

zhigoo 2019-08-23 14:00 評論0 收藏0