在VS Code中使用Snippet Craft扩展提高编码效率

Snippet Craft

一个VS Code代码片段管理插件

功能

创建和插入代码片段

在编辑器区域右键菜单中点击插入Snippet,或在代码片段视图中点击条目,则会将代码片段插入到当前激活文档的光标位置。

代码片段编辑

代码片段在左侧栏中,根据创建时的文件内容类型,分组显示代码片段,可编辑已有的代码片段。

代码片段预览

鼠标移动到代码片段条目上时,显示tooltip预览

默认映射

映射是插入代码片段时,自动替换的变量。

代码片段中通过设置占位符${VAR_NAME},在插入代码片段时,将自动替换为全局变量中的值。可用的映射如下表:

类别 变量 描述
文件和编辑器相关 TM_SELECTED_TEXT 当前选定的文本或空字符串
TM_CURRENT_LINE 当前行的内容
TM_CURRENT_WORD 光标下的单词或空字符串的内容
TM_LINE_INDEX 基于零索引的行号
TM_LINE_NUMBER 基于一个索引的行号
TM_FILENAME 当前文档的文件名
TM_FILENAME_BASE 当前文档的文件名(不含扩展名)
TM_DIRECTORY 当前文档的目录
TM_FILEPATH 当前文档的完整文件路径
RELATIVE_FILEPATH 当前文档的相对文件路径(相对于打开的工作区或文件夹)
CLIPBOARD 剪贴板的内容
WORKSPACE_NAME 打开的工作区或文件夹的名称
WORKSPACE_FOLDER 打开的工作区或文件夹的路径
CURSOR_INDEX 基于零索引的游标编号
CURSOR_NUMBER 基于单索引的游标编号
时间相关 CURRENT_YEAR 本年度
CURRENT_YEAR_SHORT 当年的最后两位数字
CURRENT_MONTH 两位数字的月份(例如"02")
CURRENT_MONTH_NAME 月份的全名(例如"July")
CURRENT_MONTH_NAME_SHORT 月份的简短名称(例如"Jul")
CURRENT_DATE 以两位数字表示的月份中的某一天(例如"08")
CURRENT_DAY_NAME 日期的名称(例如"星期一")
CURRENT_DAY_NAME_SHORT 当天的简短名称(例如"Mon")
CURRENT_HOUR24 小时制格式的当前小时
CURRENT_MINUTE 两位数的当前分钟数
CURRENT_SECOND 当前秒数为两位数
CURRENT_SECONDS_UNIX 自 Unix 纪元以来的秒数
CURRENT_TIMEZONE_OFFSET 当前 UTC 时区偏移量为 +HH 或者 -HH (例如"-07:00")
其他 RANDOM6 6 个随机 Base-10 数字
RANDOM_HEX6 6 个随机 Base-16 数字
UUID 第四版UUID

注意:当自定义映射值未设置或者不可用时,将直接显示变量占位符

自定义映射

扩展初始化时,插入了三个常用的自定义映射,你可以自由更改或添加自定义映射。

示例:

代码片段内容

复制代码
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}

与自定义映射一样,当默认映射值未设置或者不可用时,将直接显示变量占位符

自动完成

代码片段可在编辑器中显示自动提示和补全内容。

快速开始

通过点击上方横幅上的安装按钮安装 Snippet Craft,或在 VS Code 的扩展侧边栏中搜索 Snippet Craft 进行安装。

更新内容

Date Version Content
V0.1.0 2024-8-22 初始版本

Todo

  • 支持更多语言
  • 使用monaco-editor
  • 导入导出功能

作者信息

作者:林小

邮箱:jevonsflash@qq.com

License

The MIT License (MIT)

项目地址

Github:snippet-craft

相关推荐
二哈喇子!17 天前
MySQL命令行导入数据库
数据库·sql·mysql·vs code
二哈喇子!17 天前
使用 VS Code 连接 MySQL 数据库
vs code
游学者20 天前
Docker 升级后 VS Code 本地调试 AWS Lambda 报「Running AWS SAM projects locally requires Docker」的那些坑与排查思路
aws·lambda·vs code
lucky-billy1 个月前
使用 VS Code 通过 SSH 编译 Linux C++ 程序
linux·ssh·vs code·远程编译
钱彬 (Qian Bin)2 个月前
从零开始发表SCI论文—第1篇:安装Latex写作工具
latex·vs code·sci论文·环境准备
HackerTom3 个月前
vs code jupyter连gpu结点kernel
python·jupyter·gpu·vs code·远程
oscar9995 个月前
在VS Code中直接操控浏览器
vs code·browser
!win !5 个月前
Trae/Vs Code/Cursor命令行无法跑npm命令
开发工具·vs code·cursor·trae
漫步企鹅6 个月前
【VS Code - Qt】如何基于Docker Linux配置Windows10下的VS Code,开发调试ARM 版的Qt应用程序?
linux·qt·docker·arm·vs code·开发调试
R.X. NLOS7 个月前
VS Code远程开发新方案:使用SFTP扩展解决Remote-SSH连接不稳定问题
运维·服务器·ssh·debug·vs code