欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

在VS?Code中使用Snippet?Craft擴展提高編碼效率的過程詳解

 更新時間：2024年08月23日 09:01:04   作者：林曉lx  
這篇文章主要介紹了在VS?Code中使用Snippet?Craft擴展提高編碼效率,本文通過圖文并茂的形式給大家介紹的非常詳細,需要的朋友可以參考下

Snippet Craft

一個VS Code代碼片段管理插件

功能

創(chuàng)建和插入代碼片段

在編輯器區(qū)域右鍵菜單中點擊插入Snippet，或在代碼片段視圖中點擊條目，則會將代碼片段插入到當(dāng)前激活文檔的光標(biāo)位置。

代碼片段編輯

代碼片段在左側(cè)欄中，根據(jù)創(chuàng)建時的文件內(nèi)容類型，分組顯示代碼片段，可編輯已有的代碼片段。

代碼片段預(yù)覽

鼠標(biāo)移動到代碼片段條目上時，顯示tooltip預(yù)覽

默認映射

映射是插入代碼片段時，自動替換的變量。

代碼片段中通過設(shè)置占位符${VAR_NAME}，在插入代碼片段時，將自動替換為全局變量中的值?？捎玫挠成淙缦卤恚?/p>

類別變量描述
文件和編輯器相關(guān)TM_SELECTED_TEXT當(dāng)前選定的文本或空字符串
TM_CURRENT_LINE當(dāng)前行的內(nèi)容
TM_CURRENT_WORD光標(biāo)下的單詞或空字符串的內(nèi)容
TM_LINE_INDEX基于零索引的行號
TM_LINE_NUMBER基于一個索引的行號
TM_FILENAME當(dāng)前文檔的文件名
TM_FILENAME_BASE當(dāng)前文檔的文件名（不含擴展名）
TM_DIRECTORY當(dāng)前文檔的目錄
TM_FILEPATH當(dāng)前文檔的完整文件路徑
RELATIVE_FILEPATH當(dāng)前文檔的相對文件路徑（相對于打開的工作區(qū)或文件夾）
CLIPBOARD剪貼板的內(nèi)容
WORKSPACE_NAME打開的工作區(qū)或文件夾的名稱
WORKSPACE_FOLDER打開的工作區(qū)或文件夾的路徑
CURSOR_INDEX基于零索引的游標(biāo)編號
CURSOR_NUMBER基于單索引的游標(biāo)編號
時間相關(guān)CURRENT_YEAR本年度
CURRENT_YEAR_SHORT當(dāng)年的最后兩位數(shù)字
CURRENT_MONTH兩位數(shù)字的月份（例如“02”）
CURRENT_MONTH_NAME月份的全名（例如“July”）
CURRENT_MONTH_NAME_SHORT月份的簡短名稱（例如“Jul”）
CURRENT_DATE以兩位數(shù)字表示的月份中的某一天（例如“08”）
CURRENT_DAY_NAME日期的名稱（例如“星期一”）
CURRENT_DAY_NAME_SHORT當(dāng)天的簡短名稱（例如“Mon”）
CURRENT_HOUR24小時制格式的當(dāng)前小時
CURRENT_MINUTE兩位數(shù)的當(dāng)前分鐘數(shù)
CURRENT_SECOND當(dāng)前秒數(shù)為兩位數(shù)
CURRENT_SECONDS_UNIX自 Unix 紀(jì)元以來的秒數(shù)
CURRENT_TIMEZONE_OFFSET當(dāng)前 UTC 時區(qū)偏移量為 +HH
或者 -HH
(例如“-07:00”)
其他RANDOM66 個隨機 Base-10 數(shù)字
RANDOM_HEX66 個隨機 Base-16 數(shù)字
UUID第四版UUID

注意：當(dāng)自定義映射值未設(shè)置或者不可用時，將直接顯示變量占位符

自定義映射

擴展初始化時，插入了三個常用的自定義映射，你可以自由更改或添加自定義映射。

示例：

代碼片段內(nèi)容

value of 'AUTHOR' is: ${AUTHOR}
value of 'COMPANY' is: ${COMPANY}
value of 'MAIL' is: ${MAIL}
value of 'FOOBAR' (non-exist) is: ${FOOBAR}

插入代碼片段后，顯示如下：

value of 'AUTHOR' is: 林曉lx
value of 'COMPANY' is: my-company
value of 'MAIL' is: jevonsflash@qq.com
value of 'FOOBAR' (non-exist) is: ${FOOBAR}

與自定義映射一樣，當(dāng)默認映射值未設(shè)置或者不可用時，將直接顯示變量占位符

自動完成

代碼片段可在編輯器中顯示自動提示和補全內(nèi)容。

快速開始

通過點擊上方橫幅上的安裝按鈕安裝 Snippet Craft，或在 VS Code 的擴展側(cè)邊欄中搜索 Snippet Craft 進行安裝。

更新內(nèi)容

DateVersionContent
V0.1.02024-8-22初始版本

Todo 支持更多語言 使用monaco-editor 導(dǎo)入導(dǎo)出功能作者信息

作者：林小

郵箱：jevonsflash@qq.com

License

The MIT License (MIT)

項目地址

Github:snippet-craft

相關(guān)文章

  • js+canvas實現(xiàn)代碼雨效果

    js+canvas實現(xiàn)代碼雨效果

    這篇文章主要為大家詳細介紹了js+canvas代碼雨效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2021-06-06
  • bootstrap滾動監(jiān)控器使用方法解析

    bootstrap滾動監(jiān)控器使用方法解析

    這篇文章主要為大家詳細解析了bootstrap滾動監(jiān)控器使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2017-01-01
  • JavaScript中常見的幾種獲取元素的方式

    JavaScript中常見的幾種獲取元素的方式

    這篇文章主要介紹了JavaScript中常見的幾種獲取元素的方式,需要的朋友可以參考下
    2023-05-05
  • JavaScript接入百度地圖API的方法步驟

    JavaScript接入百度地圖API的方法步驟

    在網(wǎng)站開發(fā)過程中，經(jīng)常會調(diào)用到地圖，百度地圖JavaScript API可幫助您在網(wǎng)站中構(gòu)建功能豐富、交互性強的地圖應(yīng)用，本文就詳細的介紹一下，感興趣的可以了解一下
    2021-07-07
  • javascript實現(xiàn)檢驗的各種規(guī)則

    javascript實現(xiàn)檢驗的各種規(guī)則

    這篇文章主要介紹了javascript實現(xiàn)檢驗的各種規(guī)則,涉及javascript針對手機號、郵箱、網(wǎng)址、漢字及圖片等相關(guān)檢測技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-07-07
  • js實現(xiàn)表格數(shù)據(jù)搜索

    js實現(xiàn)表格數(shù)據(jù)搜索

    這篇文章主要為大家詳細介紹了js實現(xiàn)表格數(shù)據(jù)搜索，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2020-08-08
  • 淺談setTimeout 與 setInterval

    淺談setTimeout 與 setInterval

    實際上，setTimeout和setInterval的語法相同。它們都有兩個參數(shù)，一個是將要執(zhí)行的代碼字符串，還有一個是以毫秒為單位的時間間隔，當(dāng)過了那個時間段之后就將執(zhí)行那段代碼。不過這兩個函數(shù)還是有區(qū)別的
    2015-06-06
  • js判斷為空Null與字符串為空簡寫方法

    js判斷為空Null與字符串為空簡寫方法

    最近開始研究JavaScript的簡寫方法，下面就是有關(guān)判斷為空的簡寫方法
    2014-02-02
  • 淺談Webpack下多環(huán)境配置的思路

    淺談Webpack下多環(huán)境配置的思路

    這篇文章主要介紹了淺談Webpack下多環(huán)境配置的思路，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2018-06-06

最新評論