Sublime Text 2 的香草片段？答案

【问题标题】：Vanilla snippets for Sublime Text 2?Sublime Text 2 的香草片段？
【发布时间】：2012-05-29 19:52:41
【问题描述】：

我正在寻找适用于 JavaScript 和 CSS 的简单 sn-ps。就像function 这样的东西，所以我可以通过函数名称、参数和内容点击自动完成和制表符。我好像找不到这样的东西？为 jQuery 提供这个也很好。我见过一些 IDE，在您键入时会出现建议，以及有关您正在使用的方法的文档，例如它所采用的参数。 jQuery 或 JavaScript 有类似的东西吗？最后，CSS有什么不错的吗？我似乎找到的所有东西都只是为visibility: hidden; 提供了vh 之类的快捷方式。这不是我想要的！我只是想让 Sublime 知道我正在编写的语言。

查看诸如 CSS 之类的默认包，已定义了 sn-ps。例如，margin-top 和 margin-bottom 的 sn-ps。但是他们每个margin的标签触发器。我只想能够写margin-top 或margin-bottom 并沿线某处，按制表符并被带到该值（之后用分号）。我不想要“捷径”。

【问题讨论】：

标签： code-snippets sublimetext sublimetext2

【解决方案1】：

您可以使用存储在“Packages\User”目录中的 Sublime Snippets 来执行此操作。

例如；

文件名

function.sublime-snippet

内容

<snippet>
    <content>
    <![CDATA[

    ${1:private} function ${2:name}(${3:argument}) {
        ${4:content}
    }

    ]]>
    </content>
    <tabTrigger>function</tabTrigger>
    <description>Function</description>
    <scope>source.php</scope>
</snippet>

我已将此添加到我的 GitHub 项目中，其中包括许多您可以使用的有用的 sn-ps - 只需将 GitHub 项目检查到“Packages\User”目录即可。

对于您的 margin-top 示例，您可以像这样设置一个 sn-p；

<snippet>
    <content>
    <![CDATA[margin-top: $1;]]>
    </content>
    <tabTrigger>margin-top</tabTrigger>
    <description>Margin Top</description>
    <scope>source.css</scope>
</snippet>

我觉得非常有用的是 jQuery CDN sn-p，它为您提供了一个非常快速的 jQuery、jQuery UI 和 jQuery UI CSS 设置，并具有完整的后备功能。

随时为我的 sn-ps 贡献力量： https://github.com/olimortimer/sublime-snippets

【讨论】：

【解决方案2】：

试试 SublimeCodeIntel 包：

https://github.com/Kronuz/SublimeCodeIntel

其中包括 JavaScript 和 CSS。

【讨论】：

【解决方案3】：

GitHub 上有 CSS、JavaScript 和 jQuery 的补全功能。

我从 Packages/CSS 文件夹中删除了所有现有的 CSS sn-ps，因为我发现它们妨碍了。

我的包含许多功能。例如，为颜色输入“b”（在 CSS 中）会产生“蓝色”，但“bl”会产生“黑色”。并且在 HTML 中为 'alert()' 触发 'aler' 会在 'window.' 之前添加。（如果还没有附加变量）。

我还调整了自动完成延迟，以便完成不会出现得太快。

对于 jQuery 补全，您需要一个 jQuery 语法 (tmLanguage) 文件。或者，修改我的文件以使用范围“source.js”，以便它们出现在任何“.js”文件中。

（CodeIntel 包已过时且未维护。）

【讨论】：