1

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

查看诸如 CSS 之类的默认包，其中定义了片段。例如，margin-top和的片段margin-bottom。但他们每个人的选项卡触发器margin。我只是希望能够在行中的某处写入margin-top或margin-bottom，按制表符并被带到该值（之后使用分号）。我不想要“捷径”。

4

3 回答 3

2

您可以使用存储在“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 项目中，其中包括许多您可以使用的有用片段 - 只需将 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

于 2012-05-30T15:11:38.150 回答
0

我在GitHub 上有 CSS、JavaScript 和 jQuery 的补全。

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

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

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

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

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

于 2012-06-06T14:53:01.300 回答
0

试试 SublimeCodeIntel 包：

https://github.com/Kronuz/SublimeCodeIntel

JavaScript 和 CSS 都包括在内。

于 2012-05-30T01:23:00.060 回答