Snippet Craft

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

功能

Snippet Craft是一個用于管理和插入代碼片段的VS Code插件。它提供了一系列功能，使得代碼片段的創(chuàng)建、編輯和預(yù)覽變得更加簡單和高效。

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

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

代碼片段編輯

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

代碼片段預(yù)覽

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

默認映射

映射是插入代碼片段時，自動替換的變量。代碼片段中通過設(shè)置占位符${VAR_NAME}，在插入代碼片段時，將自動替換為全局變量中的值。

可用的映射如下表：

注意：當自定義映射值未設(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: [email protected]
value of 'FOOBAR' (non-exist) is: ${FOOBAR}

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

自動完成

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

快速開始

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

更新內(nèi)容

Todo

• 支持更多語言
• 使用monaco-editor
• 導入導出功能

作者信息

作者：林小

郵箱：[email protected]

License

The MIT License (MIT)

項目地址

Github:snippet-craft

• 《航海王-啟航》游戲攻略：探索目前的主流玩法與推薦角色詳解
• 《鬼谷八荒》聲望提升攻略分享詳情
• 手游幻想14水晶世界初體驗分享
• 人間地獄實用設(shè)置攻略
• 戰(zhàn)雙帕彌什新手開局怎么玩分享