如何在Sublime Text中添加代码片段-sublime-PHP中文网

首页

开发工具

sublime

如何在Sublime Text中添加代码片段

藏色散人

Sep 30, 2019 pm 03:02 PM

sublime

下面由sublime使用教程栏目给大家介绍在Sublime Text中添加代码片段的方法，希望对需要的朋友有所帮助！

如何在Sublime Text中添加代码片段

我们在编写代码的时候，总会遇到一些需要反复使用的代码片段。这时候就需要反复的复制和黏贴，大大影响效率。我们利用Sublime Text的snippet（代码片段）功能，就能很好的解决这一问题。

通俗的讲，就是把我们常用的代码分别保存起啦，然后通过插件的形式来反复调用。

创建方法：Tools （工具）> New Snippet（新片段）

此时，会出现如下代码：

<snippet>
    <content><![CDATA[
Hello, ${1:this} is a ${2:snippet}.
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <!-- <tabTrigger>hello</tabTrigger> -->
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <!-- <scope>source.python</scope> -->
    <!-- <description>description</description> -->
</snippet>

其中，content中由CDATA包裹起来的部分是我们要插入的代码片段，可选。

tabTrigger是我们tab键触发的自动补全代码功能的一个名字，可选。

scope，可选，使用范围，不填写代表对所有文件有效。附：source.css和test.html分别对应不同文件。

description，可选，在snippet菜单中的显示说明（支持中文）。如果不定义，菜单则显示当前文件的文件名。

${1:this}表示代码插入后，光标所停留的位置，可同时插入多个。其中:this为自定义参数（可选）。

${2}表示代码插入后，按Tab键，光标会根据顺序跳转到相应位置（以此类推）。

现在，你应该有了个大致的了解。那我们就开始自己动手编写一个实例。我们都知道，再Sublime中，输入！或者html:5再按tab键，可以自动补全HTML结构，但是这个结果相对很简单，我自己扩展了它的结果内容，新增了几个mate标签，增加了页面描述。

<snippet>
    <content><![CDATA[
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name="Generator" content="Sublime Text3">
    <meta name="Author" content="dunizb">
    <meta name="website" content="http://www.mybry.com">
    <meta name="Description" content="读你，这世间唯有梦想和好姑娘不可辜负~~">
    <link type="image/x-icon" rel="shortcut icon" href="image/favicon.ico" />
    <script type="text/javascript">
        ${1:}
    </script>
<body>
    ${2:这是html内容}
</body>
</html>
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <tabTrigger>hjs</tabTrigger>
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <!-- <scope>source.python</scope> -->
    <description>custom-html</description>
</snippet>

然后保存代码片段，保存到Sublime Text3DataPackagesUser下面，取个名字

就这样，在HTML页面中输入hjs+tab，就可以自动补全这一系列代码了。

以上是如何在Sublime Text中添加代码片段的详细内容。更多信息请关注PHP中文网其他相关文章！

声明

本文转载于：segmentfault。如有侵权，请联系admin@php.cn删除

崇高的文本与vs代码：功能和功能May 11, 2025 am 12:20 AM

SublimeText适合追求速度和简洁的开发者，VSCode则适合需要强大扩展性和集成功能的用户。 1.SublimeText以轻量级和快速响应着称，GotoAnything和多重选择功能强大。 2.VSCode以扩展性和IDE功能着称，内置Git和调试工具，IntelliSense提升开发效率。

崇高文本：插件和软件包的功能May 10, 2025 am 12:17 AM

SublimeText的插件和包可以通过PackageControl安装和管理，提升编程效率。1.安装插件如BracketHighlighter，通过高亮显示括号匹配，简化代码阅读。2.使用SublimeLinter配置pylint，实现实时代码检查。3.通过SideBarEnhancements自定义侧边栏功能，优化文件管理。

崇高的文字免费吗？了解许可May 09, 2025 am 12:10 AM

SublimeTextisfreeduringanunlimitedtrial,buta$99licenseisrecommendedforregularuse.1)Thetrialallowsfullfeatureaccesswithouttimelimits.2)Alicenseoffersperpetualuse,futureupdates,andremovespurchasereminders,enhancingproductivityandsupportingdevelopers.

崇高文本：增强您的编码工作流程May 08, 2025 am 12:19 AM

SublimeText能大幅提高工作效率。1)多重选择和多重光标功能允许同时编辑多个位置，2)命令面板提供快速功能访问，3)宏和片段可自动化常用操作，4)优化配置和快捷键使用能提升性能和效率。

崇高的文字：免费尝试，不一定可以自由拥有May 07, 2025 am 12:02 AM

SublimeText提供免费试用，但最终需要付费购买永久授权。1)免费试用期间，用户可体验其功能，但会收到购买提示。2)购买后，用户可永久使用，无需订阅费，且可访问更多插件和主题。

崇高的文字：比较付费和无薪功能May 06, 2025 am 12:07 AM

ThemaindifferencesbetweenthepaidandunpaidversionsofSublimeTextaretheremovalofstatusbarremindersandoccasionalpop-uppromptsinthepaidversion.1)Unregisteredversion:fullyfunctionalwithallcorefeatureslikesyntaxhighlighting,codecompletion,andcommandpalette,