在Sublime Text中自定义代码片段可通过设置占位符提升效率：1. 创建片段文件并编辑；2. 使用${n:default}定义占位符，n为跳转序号，default为默认文本；3. 可语义化命名并设常用值，相同编号实现同步更新；4. 保存至User目录，输入触发词按Tab插入。合理设计可大幅减少重复输入。
在 Sublime Text 中自定义代码片段时，可以通过设置占位符（placeholder）来提升编码效率。占位符是代码片段中可编辑的字段，插入后可以快速跳转并修改内容。
1. 创建或编辑代码片段
打开 Sublime Text，进入菜单栏：
- Tools → Developer → New Snippet…
会生成一个模板文件，通常以 .sublime-snippet 为扩展名。
2. 占位符的基本语法
在代码片段中使用 ${n:default} 来定义占位符：
- n 是跳转序号（如 1、2、3），按 Tab 键可依次切换
- default 是默认显示的文本，可为空
例如：
<content><![CDATA[ function ${1:functionName}(${2:args}) { ${3:// body...} } ]]></content>插入该片段后，光标会停在 functionName 处，按 Tab 跳到参数，再按 Tab 进入函数体。
3. 自定义占位符名称和默认值
你可以根据实际需求命名占位符，默认值更贴近项目规范会提高效率：
- 用语义化名称，比如 ${1:selector}、${2:className}、${3:methodName}
- 设置常用默认值，如 ${2:props} 用于 React 组件
示例：创建一个 React 函数组件片段
<content><![CDATA[ const ${1:ComponentName} = (${2:props}) => { return ( <div> ${3:// content} </div> ); }; export default ${1}; ]]></content>注意：使用相同编号（如两个 ${1}）可以让多个位置同步更新。
4. 保存并使用片段
将文件保存为 Packages/User/your-snippet-name.sublime-snippet，推荐路径可通过菜单 Preferences → Browse Packages → User 打开。
保存后，在对应语法环境下输入触发词（tabTrigger 中定义的内容），按 Tab 即可插入片段并进入占位符编辑模式。
基本上就这些。合理设计占位符顺序和默认值，能大幅减少重复输入。
相关标签：