0

我可以向 SublimeText 添加更多这样的快捷方式吗？

就像一个"m-a"会扩大到margin: 0 auto;?

Sublime Text 2 属性快捷方式

如果这已经被问到，我很抱歉。我找不到答案。

4

1 回答 1

2

这些被称为片段。对于此特定示例，打开Tools菜单并选择New Snippet...，然后粘贴以下内容：

<snippet>
    <content><![CDATA[margin: 0 auto;]]></content>
    <tabTrigger>m-a</tabTrigger>
    <scope>source.css</scope>
</snippet>

将此文件另存为Packages/User/CSS/margin auto.sublime-snippet，您应该一切顺利。打开一个 CSS 文件，输入m-a，点击Tab，一切就绪。片段非常强大，还允许制表位输入自定义数据。例如，您可以设置一些只要求自定义颜色的样板代码，如下所示：

<snippet>
    <content><![CDATA[body {
    max-width: 500px;
    _width: 500px;
    padding: 30px 20px 50px;
    border: 1px solid ${1:#b3b3b3};
    border-radius: 4px;
    margin: 0 auto;
    box-shadow: 0 1px 10px ${2:#a7a7a7}, inset 0 1px 0 ${3:#fff};
    background: ${4:#fcfcfc};
}
$5
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <tabTrigger>setbody</tabTrigger>
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <scope>source.css</scope>
</snippet>

当您点击Tab触发代码段时，#b3b3b3属性border中的 会突出显示，可以进行编辑。完成后，Tab再次点击以转到box-shadow等中的第一个颜色定义。最后一个Tab将您留在括号之外，为您的下一个选择器做好准备。

于 2013-08-13T01:48:12.200 回答