如何在 Sublime Text 3 中添加自定义自动完成？

Question

如何在 Sublime Text 3 中添加自定义自动补全？

可能重复的问题是here。

有一个很好的答案，但不是很完整。并且阅读官方文档（Sublime Text Unofficial Documentation - Extending Sublime Text - completions 和 snippets），我还在想如何实现我自定义的 HTML 标签自动补全。

我想要的是下面的。

1. 当我放

   eq(+tab)
   

   ，我期待

   <eq>(Cursor)</eq>
   

   弹出。 （这很适合我的多个 Snippet .sublime-snippet 文件单独保存。）

2. 当我放

   eq{\alpha \beta \int}(+tab)
   

   ，我期待

   <eq>\alpha \beta \int(Cursor position)</eq>
   

   弹出。在这种情况下，'\' 被转义，光标位置在开头，这样

   <eq>(Cursor position)alpha beta int</eq>
   

   被弹出。这是奇怪和不舒服的结果，因为我想在这个标签中呈现“TeX”方程，即数学。

3. 当我放

   eqq(+tab)
   

   ，我期待

   <eqq>
   (tab indented)(Cursor)
   </eqq>
   

   被弹出。 （这很适合我的多个 Snippet .sublime-snippet 文件单独保存。）

4. 当我放

   eqq{\alpha \beta \gamma \frac{1}{2}}(+tab)
   

   ，我期待

   <eqq>
       \alpha \beta \gamma \frac{1}{2}(cursor position at the end of Tex Equation)
   </eqq>
   

   被弹出。在这种情况下，'\' 也被转义，并且没有添加 '\n\t'（换行符，制表符），因此

   <eqq>(cursor position)alpha beta gamma frac{1}{2}</eqq>
   

   被弹出。和

   eqq{}(+tab)
   

   变成

   <eqq>(Cursor position)</eqq>
   

   。不像eqq(+tab)，没有'\n\t'。

实现这些自动完成的最简单方法是在Sublime Text Build 3059 x64\Data\Packages\User 文件夹中创建HTML.sublime-completions 文件。 （由于我在 Windows 操作系统中使用的是便携版 ST3，因此安装 ST3 时文件夹可能会有所不同。）使用 JSON 文本填充文件，如

{
    "scope": "text.html - source - meta.tag, punctuation.definition.tag.begin",

    "completions":
    [
        { "trigger": "eq", "contents": "<eq>$1</eq>" },
        { "trigger": "eqq", "contents": "<eqq>\n\t$1\n</eqq>" }
    ]
}

。但是tab 触发未启用，虽然我的Preferences - Settings - User 包含标签相关的功能，如

{
    [
        "Vintage",
        "BracketHighlighter",
        "SideBarEnhancements"
    ],
    "tab_completion": true,
    "tab_size": 2,
    "translate_tabs_to_spaces": false,
    "use_tab_stops": false,
}

。在这种情况下，仅启用Ctrl+tab 触发。怎么了？我不知道。

为了解决这些问题，我尝试了 Snippets，在 Sublime Text Build 3059 x64\Data\Packages\User 文件夹中制作了 HTML.sublime-snippet 文件。我放了

<snippet>
    <content><![CDATA[<eqq>
    $0$1
</eqq>]]></content>
    <tabTrigger>eqq</tabTrigger>
    <scope>text.html</scope>
</snippet>
<snippet>
    <content><![CDATA[<eq>$1$0</eq>]]></content>
    <tabTrigger>eq</tabTrigger>
    <scope>text.html</scope>
</snippet>

。在这种情况下，仅启用第一个 <snippet>。所以我分别保存了多个sn-p文件。

<snippet>
    <content><![CDATA[<eq>$0</eq>]]></content>
    <tabTrigger>eq</tabTrigger>
    <scope>text.html</scope>
    <description>eq tag to be rendered by MathJax</description>
</snippet>

在eq.sublime-snippet 文件中，并且

<snippet>
    <content><![CDATA[<eq>$1$0</eq>]]></content>
    <tabTrigger>eq{$PARAM1}</tabTrigger>
    <scope>text.html</scope>
    <description>eq{inline TeX equation} tag to be rendered by MathJax</description>
</snippet>

在eqBraces.sublime-snippet 文件中，并且

<snippet>
    <content><![CDATA[<eqq>
    $0
</eqq>]]></content>
    <tabTrigger>eqq</tabTrigger>
    <scope>text.html</scope>
    <description>eqq tag to be rendered by MathJax</description>
</snippet>

在eqq.sublime-snippet 文件中，并且

<snippet>
    <content><![CDATA[<eqq>
    $1$0
</eqq>]]></content>
    <tabTrigger>eqq{$PARAM1}</tabTrigger>
    <scope>text.html</scope>
    <description>eqq{outline TeX equations} tag to be rendered by MathJax</description>
</snippet>

在eqqBraces.sublime-snippet 文件中。但是这些也不能完全解决我的问题。

我也在sublime User Echo 中问过这个问题。谁知道这个问题，请回答我。

我尝试了类似${1/\\/\/} 的方法。但这也不起作用。使用双重\ 和eq{\\alpha \\beta \\gamma} 一样不舒服，我可以修复意外的转义\ 问题。

Answer 1

1- 如果您愿意，您可以随时为 sublime 文本添加插件。它叫做 Emmet，你可以在这里找到它Emmet web page

使用起来很简单，例如写 div + crtl + e 你会得到<div></div>。另一种使用方法是输入 div.tagId + crtl + e 你会得到<div id='tagId'> <div>;如果您想要多个，只需键入 div*2 和相同的键组合，您将获得两个 div。

对于其他问题，我不知道如何解决。