首页 > 教程 > Snippet Craft

Snippet Craft

时间:2024-08-23 | 来源: | 阅读:118

话题: a T cod FT v PET Raft S C IP

Snippet Craft 一个VS Code代码片段管理插件 功能 创建和插入代码片段 在编辑器区域右键菜单中点击插入Snippet,或在代码片段视图中点击条目,则会将代码片段插入到当前激活文档的光标位置。 代码片段编辑 代码片段在左侧栏中,根据创建时的文件内容类型,分组显示代码片段,可编辑已有的

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

功能

Snippet Craft是一个用于管理和插入代码片段的VS Code插件。它提供了一系列功能,使得代码片段的创建、编辑和预览变得更加简单和高效。

创建和插入代码片段

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

代码片段编辑

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

代码片段预览

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

默认映射

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

可用的映射如下表:

类别 变量 描述
文件和编辑器相关 TM_SELECTED_TEXT 当前选定的文本或空字符串

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

自定义映射

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

示例:

代码片段内容

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}

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

自动完成

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

快速开始

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

更新内容

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

Todo

作者信息

作者:林小

邮箱:[email protected]

License

The MIT License (MIT)

项目地址

Github:snippet-craft


湘ICP备2022002427号-10湘公网安备:43070202000427号
© 2013~2019 haote.com 好特网