讲师中心 微信公众号
AI工具推荐 视频效率加速

sublime如何创建和使用自定义代码片段 (Snippet)? (实例讲解)

秋墨大大_8820

秋墨大大_8820

发布时间:2026-01-05 16:01:02

|

472人浏览过

|

来源于php中文网

原创

Sublime Text代码片段可快速插入常用代码结构,需通过Tools→Developer→New Snippet创建XML文件,设置content、tabTrigger、scope和description,并保存至User包目录下以.sublime-snippet结尾,支持占位符、变量及多平台路径。

sublime如何创建和使用自定义代码片段 (snippet)? (实例讲解)

Sublime Text 的代码片段(Snippet)能帮你快速插入常用代码结构,比如 HTML 标签、函数模板或日志语句。创建和使用都很简单,关键是把逻辑理清、路径放对、语法写准。

一、创建自定义 Snippet 文件

菜单栏依次点击:Tools → Developer → New Snippet…,会打开一个预设 XML 模板。你需要修改几处关键内容:

  • :填你要展开的代码,用 $1、$2 表示光标停靠位置(按 Tab 切换),$0 是最终光标位
  • :设定触发关键词,比如输入 log 再按 Tab 就展开
  • :指定生效范围,如 source.js(JS 文件)、text.html.basic(HTML 文件)
  • :可选,描述用途,会在命令面板里显示

举个 JS 控制台日志片段的例子:



log
source.js
console.log() with placeholder

二、保存 Snippet 到正确目录

保存时注意文件名必须以 .sublime-snippet 结尾,例如 log.sublime-snippet。默认保存路径是 Sublime 的用户数据目录:

  • Windows:%APPDATA%\Sublime Text\Packages\User\
  • macOS:~/Library/Application Support/Sublime Text/Packages/User/
  • Linux:~/.config/sublime-text/Packages/User/

存对位置才能被识别。改完不用重启,保存即生效。

Convert Markdown To HTML And PDF - Markdown和HTML、PDF互转
Convert Markdown To HTML And PDF - Markdown和HTML、PDF互转

实现 Markdown↔ HTML 互转,支持导出 PDF,用于用户请求的文档格式转换。

下载

三、在编辑器中使用 Snippet

有两种常用方式:

  • 在支持的文件类型中,直接输入 tabTrigger(比如 log),然后按 Tab 键,自动展开并定位到第一个占位符
  • 按 Ctrl+Shift+P(Win/Linux)或 Cmd+Shift+P(macOS),输入 Insert Snippet,从列表里选择(适合记不清触发词时)

提示:如果没反应,先确认当前文件后缀是否匹配 <scope></scope> 设置,比如你在 .html 文件里用了 source.js 就不会触发。

四、进阶技巧:变量与环境信息

Snippet 支持内置变量,让代码更智能:

  • $TM_FILENAME:当前文件名
  • $TM_FILEPATH:完整路径
  • $CURRENT_YEAR、$CURRENT_MONTH:自动插入当前日期
  • ${1:default}:带默认值的占位符,光标停在这儿,可直接回车跳过或修改

例如写一个带版权头的 JS 片段:

* @file $TM_FILENAME
* @author Your Name
* @date $CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE
*/
$0]]>

基本上就这些。不复杂但容易忽略 scope 和保存路径,调通一次,后面写代码效率明显不一样。

作者最新文章

yandex入口

2026-11-05 16:11

yandex首页

2026-11-05 16:13

Yandex.tm引擎首页

2026-11-05 16:15

Yandex.tm搜索引擎

2026-11-05 16:17

Yandex引擎首页

2026-11-05 16:19

Yandex官网网页版

2026-11-05 16:21

Yandex.tm引擎入口

2026-11-05 16:22

热门AI工具

更多
DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

讯飞绘文

讯飞绘文是一款由科大讯飞推出的一站式 AIGC 内容运营平台。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

Laper
Laper Hot

Laper是专为编剧、导演和制片人推出的 AI 原生剧本创作工具。

PixTV
PixTV Hot

PixTV是一款面向AIGC内容创作的AI视频生成工具。

立刻MV
立刻MV Hot

立刻MV是一款AI文本写作工具,AI 音乐视频(MV)创作工具。

Loomy
Loomy Hot

一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。

相关专题

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

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

4944

2024.04.01

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

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

6437

2024.08.01

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

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

2582

2024.11.28

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

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

4796

2023.06.20

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

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

1415

2023.07.28

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

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

1878

2023.08.03

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

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

10323

2023.08.17

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

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

1020

2023.09.01

DBeaver怎么导入数据
DBeaver怎么导入数据

DBeaver数据导入专题,整理Excel、CSV、SQL、TXT等常见文件的数据导入方法,涵盖目标数据库选择、数据表创建、字段映射、数据类型设置及导入参数配置等操作,帮助用户将本地文件中的数据写入数据库,并了解批量导入、重复数据处理和导入失败等常见问题的解决方法。

0

2026.11.05

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Python uv官方安装与入门文档
Python uv官方安装与入门文档

共0课时 | 0人学习

Buffalo框架快速入门指南
Buffalo框架快速入门指南

共0课时 | 0人学习

Valgrind支持平台说明
Valgrind支持平台说明

共0课时 | 0人学习

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

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn