Question

我正在寻找JavaScript和CSS的简单代码段。就像function这样的东西，所以我可以点击自动完成并通过函数名，参数和内容进行制表。我似乎无法找到这样的东西？为jQuery提供这个也很好。我已经看到一些IDE会在您键入时显示建议，以及有关您正在使用的方法的文档，例如它所采用的参数。有没有像jQuery或JavaScript这样的东西？最后，CSS还有什么不错的选择吗？我似乎发现的所有内容都只为vh提供了visibility: hidden;等快捷方式。这不是我想要的！我只想要Sublime来知道我正在写的语言。

查看CSS等内容的默认包，定义了片段。例如，margin-top和margin-bottom的摘要。但它们每个都是margin的标签触发器。我只是希望能够写margin-top或margin-bottom某处沿线，压片并（事后用分号）带到价值。我不想要“快捷方式”。

Answer 1

您可以使用Sublime Snippets执行此操作，这些片段存储在“Packages \ User”目录中。

例如;

文件名

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项目中，其中包含许多可以使用的有用代码段 - 只需将GitHub项目检查到'Packages \ User'目录即可。

对于您的margin-top示例，您需要设置一个这样的代码段;

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

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

随意为我的片段做出贡献： https://github.com/olimortimer/sublime-snippets

Answer 2

尝试使用SublimeCodeIntel包：

https://github.com/Kronuz/SublimeCodeIntel

包括JavaScript和CSS等。

Answer 3

我在GitHub上提供了CSS，JavaScript和jQuery的完成功能。

我将所有现有的CSS片段从Packages / CSS文件夹中删除，因为我发现它们会妨碍我们。

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

我还调整了自动完成延迟，因此完成时看起来不会太快。

对于jQuery完成，您需要一个jQuery语法（tmLanguage）文件。或者，修改我的文件以使用范围'source.js'，以便它们出现在任何'.js'文件中。

（CodeIntel套餐已过期且未予维护。）

Sublime Text 2的香草片段？

3 个答案: