在 VS Code 中键入大括号 HTML Emmet

Question

我正在尝试为我使用大量 LaTex 的 HTML 文档编写 Emmet 缩写。我正在使用 VS 代码。有办法吗？

Emmet（这是我需要帮助的）：

"math" : "math>{$$\begin{align} \end{align}$$}"

预期 HTML 输出（| 代表我的光标）：

<math>
    $$\begin{align}|\end{align}$$
</math>

原来 snippets.json 文件不接受大括号。我试过使用反斜杠 \{、引号 '{' 和双括号 {{ 进行转义。不好。

Answer 1

执行此操作的最佳方法是通过编程方法。基本上，您使用 JavaScript 将数学元素 textContent 属性更改为保存在变量

中的值

代码如下：

let math_str = '$$\begin{align}|\end{align}$$';

const elem = document.querySelector('#math');

elem.textContent = math_str;

<math id='math'>

</math>

Answer 2

您可以在 VSCode 中为 HTML 创建自己的代码段。将其粘贴到 VS 内的 html.json 片段中。您可以使用 ctrl+shift+p 或 cmd+shift+p 并搜索 Preferences: Configure User Snippets 然后 select html.json

"Math Snippet": {
        "prefix": "math",
        "body": [
          "<math>",
          "    $$\begin{align}[=10=]\end{align}$$",
          "</math>"
        ],
        "description": "Custom HTML snippet for VSCode"
      }

保存后，您现在可以在 VScode

中的任何 .html 文件上像往常一样键入数学并使用制表符

在 VS Code 中键入大括号 HTML Emmet

Type a curly bracket in VS Code HTML Emmet

html

visual-studio-code

emmet