0

0

Sublime如何创建自定义代码片段?(Snippets教程)

裘德小鎮的故事

裘德小鎮的故事

发布时间:2026-03-02 14:42:11

|

240人浏览过

|

来源于php中文网

原创

sublime snippet 文件必须用 .sublime-snippet 后缀且包含完整 xml 结构,含 和 标签,内容需用 cdata 包裹,作用域须准确匹配,修改后可 reload syntax definitions 刷新。

sublime如何创建自定义代码片段?(snippets教程)

Snippets 文件必须用 .sublime-snippet 后缀

Sublime 不会识别 .xml.txt 后缀的片段文件,哪怕内容完全正确。新建文件后务必手动改名为 xxx.sublime-snippet,Windows 资源管理器默认隐藏扩展名,容易误存为 xxx.sublime-snippet.txt——这种文件会被彻底忽略。

推荐做法:在 Sublime 里用 File → New File,然后 File → Save As…,输入完整名称如 log-console.sublime-snippet,保存到 Packages/User/ 目录下(可通过 Preferences → Browse Packages… 快速打开)。

XML 结构不能省略 contenttabTrigger

最简可用 Snippet 必须包含 <content></content><tabtrigger></tabtrigger> 两个标签,缺一不可。漏掉 <tabtrigger></tabtrigger> 就没法触发;漏掉 <content></content> 则插入空内容,看起来像“没生效”。

常见错误写法:把 JS 代码直接贴进去不包 ,导致 、<code>& 等符号被 XML 解析器吃掉或报错。

正确结构示例:

Avactis购物车
Avactis购物车

Avactis是一个强大的PHP在线购物系统拥有多个版本包括开源版本。它具备一个在线购物系统所需要的所有功能从产品到会员管理,订单和营销。可以无限分类和为产品指定任务数量的图片(支持自动生成缩略图)。使用自定义字段功能,让你可以更好地定义一个产品。该系统提供以非常灵活的方式来创建任意类型的促销活动如设置折扣代码,基于价格的折扣或基于数量的折扣等。

下载
<snippet>
  <content><![CDATA[console.log($1); $0]]></content>
  <tabTrigger>log</tabTrigger>
  <scope>source.js</scope>
</snippet>
  • $1 是第一个跳转位,$0 是最终光标位置
  • <scope>source.js</scope> 控制只在 JS 文件中生效;不加则全局可用
  • 作用域名必须准确,比如 Python 是 source.python,CSS 是 source.css,可通过 Tools → Developer → Show Scope Name 实时查看当前光标处的作用域

变量和跳转位在多行内容里容易错位

写多行模板(比如 React 函数组件)时,缩进和换行符会直接影响插入后的格式。Sublime 默认把 <content></content> 中的换行和空格原样输出,但如果你在 XML 里为了可读性把内容缩进,这些空格就会变成实际插入的前导空格。

解决方法只有两个:

  • 把整个 <content></content> 写在同一行(难读但可靠)
  • 包裹,并确保首行换行和末行换行都删掉,例如:
<content><![CDATA[const $1 = () => {<span></span>
  return <div>$2</div>;
};$0]]></content>

注意:<span></span> 是 hack 写法,用来避免首行缩进被解析——它本身不会输出,但能打断 XML 缩进逻辑。更稳妥的方式是用工具自动生成(如在线 snippet 格式化器),手动调太容易翻车。

修改后不生效?先检查作用域和缓存

改完 Snippet 文件保存后没反应,大概率不是语法错,而是:

  • 作用域不匹配:比如在 .vue 单文件组件的 <script></script> 块里写 JS,作用域其实是 source.js.embedded.html,不是单纯的 source.js
  • Sublime 没重载:修改 .sublime-snippet 文件后无需重启,但有时缓存会卡住,可尝试 Ctrl+Shift+P → 输入 Reload Syntax Definitions 手动刷新
  • 触发词冲突:已有其他插件或内置 snippet 占用了相同 <tabtrigger></tabtrigger>,比如 for 在很多语言里已被占用,建议加前缀如 forilogc

真正麻烦的是嵌套作用域和动态语法高亮场景——比如 Markdown 里的代码块、Jinja 模板中的 JS 片段,作用域链可能很长,得靠 Show Scope Name 逐层点查,别猜。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
pdf怎么转换成xml格式
pdf怎么转换成xml格式

将 pdf 转换为 xml 的方法:1. 使用在线转换器;2. 使用桌面软件(如 adobe acrobat、itext);3. 使用命令行工具(如 pdftoxml)。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

1938

2024.04.01

xml怎么变成word
xml怎么变成word

步骤:1. 导入 xml 文件;2. 选择 xml 结构;3. 映射 xml 元素到 word 元素;4. 生成 word 文档。提示:确保 xml 文件结构良好,并预览 word 文档以验证转换是否成功。想了解更多xml的相关内容,可以阅读本专题下面的文章。

2116

2024.08.01

xml是什么格式的文件
xml是什么格式的文件

xml是一种纯文本格式的文件。xml指的是可扩展标记语言,标准通用标记语言的子集,是一种用于标记电子文件使其具有结构性的标记语言。想了解更多相关的内容,可阅读本专题下面的相关文章。

1142

2024.11.28

js正则表达式
js正则表达式

php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法,还有更多js正则表达式的相关文章、相关下载、相关课程,供大家免费下载体验。

530

2023.06.20

js获取当前时间
js获取当前时间

JS全称JavaScript,是一种具有函数优先的轻量级,解释型或即时编译型的编程语言;它是一种属于网络的高级脚本语言,主要用于Web,常用来为网页添加各式各样的动态功能。js怎么获取当前时间呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

514

2023.07.28

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

658

2023.08.03

js是什么意思
js是什么意思

JS是JavaScript的缩写,它是一种广泛应用于网页开发的脚本语言。JavaScript是一种解释性的、基于对象和事件驱动的编程语言,通常用于为网页增加交互性和动态性。它可以在网页上实现复杂的功能和效果,如表单验证、页面元素操作、动画效果、数据交互等。

5881

2023.08.17

js删除节点的方法
js删除节点的方法

js删除节点的方法有:1、removeChild()方法,用于从父节点中移除指定的子节点,它需要两个参数,第一个参数是要删除的子节点,第二个参数是父节点;2、parentNode.removeChild()方法,可以直接通过父节点调用来删除子节点;3、remove()方法,可以直接删除节点,而无需指定父节点;4、innerHTML属性,用于删除节点的内容。

492

2023.09.01

Golang 测试体系与代码质量保障:工程级可靠性建设
Golang 测试体系与代码质量保障:工程级可靠性建设

Go语言测试体系与代码质量保障聚焦于构建工程级可靠性系统。本专题深入解析Go的测试工具链(如go test)、单元测试、集成测试及端到端测试实践,结合代码覆盖率分析、静态代码扫描(如go vet)和动态分析工具,建立全链路质量监控机制。通过自动化测试框架、持续集成(CI)流水线配置及代码审查规范,实现测试用例管理、缺陷追踪与质量门禁控制,确保代码健壮性与可维护性,为高可靠性工程系统提供质量保障。

48

2026.02.28

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

相关下载

更多

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号