崇高文本中的未知 CSS 选项卡完成答案

【问题标题】：Unknown CSS Tab Completion in Sublime Text崇高文本中的未知 CSS 选项卡完成
【发布时间】：2014-10-21 03:58:34
【问题描述】：

我看过“Tuts+. PSD to WordPress – Minimal Portfolio Theme”，作者使用制表符完成“sep”，然后按下制表符，瞧，他得到了 CSS 的多行注释分隔符，例如：

/****************************************************************************/
/* Name Here */
/****************************************************************************/

我想知道如何在 sublime 文本中实现这一点？使用什么包？

【问题讨论】：

标签： css sublimetext2 sublime-text-plugin

【解决方案1】：

您看到的标签补全很可能是 custom snippet

转到工具 > 新片段并添加以下代码

<snippet>
    <content><![CDATA[
/****************************************************************************/
/* ${1:Name Here} */
/****************************************************************************/
]]></content>

<tabTrigger>sep</tabTrigger>
<scope>source.css</scope>

</snippet>

${1:Name Here} 是一个变量，可以将光标聚焦到该点

<tabTrigger>sep</tabTrigger> 是定义的文本，它将使用 tab

触发 sn-p 代码

<scope>source.css</scope> 表示当您的语法设置为 CSS 时会触发 sn-p。

使用.sublime-snippet 文件扩展名保存。示例：css-sep.sublime-snippet

【讨论】：

太棒了！这解决了我一天中最大的谜团:)
哦，emmet 插件不让这个snipper 执行，而是我得到 sep: ;当我按 Tab 键时
没问题，这里有几个选项stackoverflow.com/a/16459117/1342440