sublime如何创建自己的代码片段_sublime自定义代码片段教程-sublime-PHP中文网

sublime如何创建自己的代码片段_sublime自定义代码片段教程

穿越時空

发布： 2025-10-08 13:05:01

原创

412人浏览过

在Sublime Text中创建自定义代码片段可提升编码效率。1. 通过Tools → Developer → New Snippet...打开模板；2. 编辑content、tabTrigger、scope和description字段，如设置html5触发HTML5结构；3. 保存为.html5.sublime-snippet至Packages/User目录；4. 在对应文件中输入触发词后按Tab即可插入，光标按$1、$2跳转。

sublime如何创建自己的代码片段_sublime自定义代码片段教程

在 Sublime Text 中创建自定义代码片段能大幅提升编码效率，尤其当你频繁输入某些固定结构的代码时。下面教你如何一步步创建属于自己的代码片段。

1. 打开代码片段模板

打开 Sublime Text，点击顶部菜单栏的 Tools → Developer → New Snippet...。这会生成一个代码片段的模板文件，包含基本的 XML 结构。

默认内容如下：

<snippet>
    <content><![CDATA[Type your code here]]></content>
    <!-- <tabTrigger>hello</tabTrigger> -->
    <!-- <scope>source.python</scope> -->
    <!-- <description>My Snippet</description> -->
</snippet>

登录后复制

你需要修改这个模板来定义触发词、作用范围和实际插入的代码。

2. 编辑代码片段内容

将模板中的占位内容替换为你的实际需求。例如，想快速输入 HTML5 的基础结构，可以这样写：

<snippet>
    <content><![CDATA[
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>$1</title>
</head>
<body>
    $2
</body>
</html>
]]></content>
    <tabTrigger>html5</tabTrigger>
    <scope>text.html.basic</scope>
    <description>HTML5 Base Structure</description>
</snippet>

登录后复制

关键字段说明：