Question

我正在尝试创建一些自定义代码段。以下是一个例子：

<snippet>
    <content><![CDATA[
        @media screen and (min-width: \$break-small) {
            $0
        }
        @media screen and (min-width: \$break-medium) {
            $0
        }
        @media screen and (min-width: \$break-large) {
            $0
        }
        @media screen and (min-width: \$break-xlarge) {
            $0
        }
    ]]></content>
    <tabTrigger>breakpoints</tabTrigger>
    <scope>source.scss,source.css</scope>
</snippet>

我将其保存在/packages/user/文件夹中breakpoints.sublime-snippet。然后我退出了崇高文本并重新启动它，但片段不可用。任何想法是什么问题？

Answer 1

有几个问题。首先，$0表示在填写所有其他字段后光标最终到达的位置，因此每个代码段只能有一个光标。其次，我认为$break-small，$break-medium等是SASS / SCSS变量，因此您需要使用反斜杠$转义\美元符号片段，以便正确打印。因此，假设您希望将所有这些内容保存在同一个文件中并通过每个字段标记，请使您的代码段看起来像这样：

<snippet>
    <content><![CDATA[
@media screen and (min-width: \$break-small) {
    $1
}
@media screen and (min-width: \$break-medium) {
    $2
}
@media screen and (min-width: \$break-large) {
    $3
}
@media screen and (min-width: \$break-xlarge) {
    $4
}
$0
    ]]></content>
    <tabTrigger>breakpoints</tabTrigger>
    <scope>source.scss,source.css</scope>
</snippet>

您将按$1，$2，$3和$4按升序排序，最后以$0结束，出口点。我还修复了缩进，因此您的内容与左边框对齐而不是缩进，但您当然可以将其更改为您喜欢的缩进级别。

将文件重新保存为Packages/User/breakpoints.sublime-snippet，重新启动只是为了好玩（您可能不需要，但它不会受到伤害），您应该全部设置。

Answer 2

好吧，问题是source.scss不正确。它应该是source.sass。因为我使用scss语法而不是sass语法，所以不是很直观，但它现在可以正常工作。

无法获得自定义代码段

2 个答案: