如何让Visual Studio Code中Twig文件支持linkedEditing与autoClosingTags？

在Visual Studio Code里，以下配置在HTML和JSX文件中能正常工作：

{
  "editor.linkedEditing": true,
  "html.autoClosingTags": true,
  "javascript.autoClosingTags": true,
  "typescript.autoClosingTags": true
}

有没有办法让这些功能也在Twig文件里生效，而且不用那两个常用的自动关闭标签、自动重命名标签扩展？

我试过给linkedEditing加下面的配置，但没效果：

"[twig]": {
  "editor.linkedEditing": true
}

另外，我不想设置文件关联（比如把.twig关联成HTML），因为Twig有专门的语言扩展负责语法高亮和代码片段，下面这种配置我不想用：

"files.associations": {
  "*.twig": "html"
}

直接通过VS Code的languageConfigurations自定义Twig语言的行为，就能实现需求，步骤如下：

1. 打开VS Code设置（快捷键Ctrl+,/Cmd+,），点击右上角的{}按钮切换到JSON编辑模式。

2. 添加以下配置：

"[twig]": {
  "editor.linkedEditing": true
},
"languageConfigurations": {
  "twig": {
    "autoClosingPairs": [
      ["<", ">"],
      ["'", "'"],
      ["\"", "\""],
      ["{", "}"],
      ["(", ")"]
    ],
    "surroundingPairs": [
      ["<", ">"],
      ["'", "'"],
      ["\"", "\""],
      ["{", "}"],
      ["(", ")"]
    ],
    "linkedEditing": true
  }
}

3. 保存配置后重启VS Code，Twig文件就会支持标签联动编辑和自动闭合了。

说明 #

• languageConfigurations是VS Code自带的自定义语言规则的配置项，直接针对Twig配置，不需要额外装扩展。
• 如果你已经装了Twig语言扩展，这个配置会和扩展自带的配置合并，不会影响原有的语法高亮、代码片段功能。

内容的提问来源于stack exchange，提问作者gremo