Snippet Craft

一個(gè)VS Code代碼片段管理插件

功能

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

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

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

代碼片段編輯

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

代碼片段預(yù)覽

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

默認(rèn)映射

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

可用的映射如下表：

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

自定義映射

擴(kuò)展初始化時(shí)，插入了三個(gè)常用的自定義映射，你可以自由更改或添加自定義映射。

示例：

代碼片段內(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}

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

自動(dòng)完成

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

快速開始

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

更新內(nèi)容

Todo

• 支持更多語言
• 使用monaco-editor
• 導(dǎo)入導(dǎo)出功能

作者信息

作者：林小

郵箱：[email protected]

License

The MIT License (MIT)

項(xiàng)目地址

Github:snippet-craft

• QQ飛車手游賽車數(shù)據(jù)大揭秘
• 云頂之弈s6（教你如何打造出完美的莎彌拉裝備）
• 《以陰陽師櫻之憶為例，詳解如何預(yù)約櫻之憶》（預(yù)約方法、注意事項(xiàng)、常見問題講解）
• 《洪荒文明俏羅成》技能玩法攻略秘籍（探索古老神話世界，成為文明創(chuàng)造者）
• 《魔獸世界》懷舊服 從入門到精通指南