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

Sublime如何快速插入常用代码块 Sublime Snippet创建教程【干货】

梦瑶小哥_6995

梦瑶小哥_6995

发布时间:2026-02-01 13:41:36

|

903人浏览过

|

来源于php中文网

原创

Sublime Text 的 snippet 文件必须置于 Packages/User 目录下才生效,路径因系统而异;文件名需用英文+下划线,避免中文和多余空格;XML 格式须严格闭合,content 中的换行缩进会被原样插入。

sublime如何快速插入常用代码块 sublime snippet创建教程【干货】

Snippet 文件必须放在 Packages/User 目录下才能被识别

Sublime 不会自动扫描任意路径的 .sublime-snippet 文件。如果你把 snippet 放在桌面或项目文件夹里,它根本不会生效。正确路径是:Packages/User/xxx.sublime-snippet(可通过菜单 Preferences → Browse Packages… 打开该目录)。

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

注意:不要用中文路径或空格过多的文件名,部分版本会加载失败;文件名建议用英文+下划线,比如 log_console.sublime-snippet。

XML 格式必须严格闭合,content 里的换行和缩进会被原样插入

一个 snippet 是标准 XML 文件,根节点必须是 <snippet></snippet>,且 <content></content>、<tabtrigger></tabtrigger>、<scope></scope> 都要成对出现。常见错误包括:

  • 忘记给 <content></content> 加 ![CDATA[ 和 ]]> —— 特殊字符(如 {、)会导致解析失败
  • 在 <content></content> 里写 Tab 缩进,结果触发时代码块会多出几级缩进(应使用空格对齐,或直接顶格写 + 用 $1 定位光标)
  • <scope></scope> 填错,比如想用于 JavaScript 却写了 source.css,导致快捷键不响应

示例(React 函数组件 snippet):

Linux Security Scanner
Linux Security Scanner

Linux 安全审计工具,检查 SSH 配置、开放/监听端口、防火墙规则(ufw/iptables/nftables)、失败登录尝试、sudoers 权限...

下载
<snippet>
  <content><![CDATA[
const $1 = () => {
  return (
    <div>$2</div>
  );
};

export default $1;
]]></content>
  <tabTrigger>rfc</tabTrigger>
  <scope>source.js, source.jsx</scope>
  <description>React Functional Component</description>
</snippet>

触发关键词(tabTrigger)区分大小写,且不能含空格或特殊符号

tabTrigger 是你输入后按 Tab 触发的字符串,Sublime 默认严格匹配大小写。比如设为 Log,输入 log 再按 Tab 就没反应。

  • 推荐全小写,避免误触发
  • 不要用 console.log 这类带点的写法 —— Sublime 会把它当两个词处理,实际只认最末尾的单词
  • 如果多个 snippet 的 tabTrigger 相同,后加载的会覆盖前一个(按文件名 ASCII 排序)
  • 可配合 <scope></scope> 实现同 trigger 不同语言:比如 for 在 JS 中展开 for-of,在 Python 中展开 for-range(需分别定义 scope)

动态字段和光标跳转用 $1、$2、$0 控制顺序

$1 是第一个可编辑位置,$2 是第二个,$0 是最终光标停留处(常用于收尾)。它们不是变量,只是占位符编号,重复出现也没问题。

  • 比如写 console.log('$1', $2); $0,触发后先填第一个引号内内容,Tab 跳到 $2,再 Tab 跳到 $0
  • 如果希望某处默认有值(如函数名),写成 const ${1:MyComponent} = ...,中括号内是 placeholder,默认选中可直接覆盖
  • 别用 $10 这种两位数 —— Sublime 只支持单数字($1–$9),$10 会被当成 $1 后跟字符 0

复杂逻辑(如条件判断、日期)无法用纯 snippet 实现,得靠插件(如 InsertDate)或自定义命令。

热门AI工具

更多
咔片AIPPT

一款在线AI演示文稿制作工具,可根据主题和内容需求辅助生成PPT结构与页面,提高演示材料制作效率。

UP简历
UP简历 Hot

一款AI办公效率工具,主要用于基于AI技术的免费在线简历制作工具,适合需要提升相关任务效率的用户。

DeepSeek

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

音述AI
音述AI Hot

一款AI音频处理工具,主要用于音述AI是一个以“用声音述说故事”为核心的 AI 音乐创作与声音分享社区,适合需要提升相关任务效率的用户。

讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

PixPix
PixPix Hot

PixPix是一款面向电商视觉生产的AI商品图生成工具。

超级简历WonderCV

一款AI办公效率工具,主要用于免费求职简历模版下载制作,应届生职场人必备简历制作神器,适合需要提升相关任务效率的用户。

豆包大模型

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

WorkBuddy

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

相关专题

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

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

4964

2024.04.01

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

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

6457

2024.08.01

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

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

2582

2024.11.28

windows查看端口占用情况
windows查看端口占用情况

Windows端口可以认为是计算机与外界通讯交流的出入口。逻辑意义上的端口一般是指TCP/IP协议中的端口,端口号的范围从0到65535,比如用于浏览网页服务的80端口,用于FTP服务的21端口等等。怎么查看windows端口占用情况呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

3399

2023.07.26

查看端口占用情况windows
查看端口占用情况windows

端口占用是指与端口关联的软件占用端口而使得其他应用程序无法使用这些端口,端口占用问题是计算机系统编程领域的一个常见问题,端口占用的根本原因可能是操作系统的一些错误,服务器也可能会出现端口占用问题。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

2958

2023.07.27

windows照片无法显示
windows照片无法显示

当我们尝试打开一张图片时,可能会出现一个错误提示,提示说"Windows照片查看器无法显示此图片,因为计算机上的可用内存不足",本专题为大家提供windows照片无法显示相关的文章,帮助大家解决该问题。

1528

2023.08.01

windows查看端口被占用的情况
windows查看端口被占用的情况

windows查看端口被占用的情况的方法:1、使用Windows自带的资源监视器;2、使用命令提示符查看端口信息;3、使用任务管理器查看占用端口的进程。本专题为大家提供windows查看端口被占用的情况的相关的文章、下载、课程内容,供大家免费下载体验。

2699

2023.08.02

windows无法访问共享电脑
windows无法访问共享电脑

在现代社会中,共享电脑是办公室和家庭的重要组成部分。然而,有时我们可能会遇到Windows无法访问共享电脑的问题。这个问题可能会导致数据无法共享,影响工作和生活的正常进行。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

3350

2023.08.08

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

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

20

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