将 Better Jinja 与 HTMLHint 一起使用？

Question

我一直在项目中使用 Better Jinja 来获取 HTML 文件内 Jinja 代码的语法突出显示。我将所有 html 文件与 Better Jinja 关联起来，如下所示：

"files.associations": {
    "*.html": "jinja-html"
}

现在我想将 HTMLHint 添加到同一个项目中，但不知何故我在 HTML 文件中没有得到任何提示。我为 HTMLHint 添加了这些关联：（最后一个只是我的猜测，因为前两个似乎不起作用）

"htmlhint.documentSelector": [
    "html",
    "htm",
    "jinja-html"
]

但这似乎没有效果。如果我将状态栏中的文件类型从“Jinja HTML”切换为“HTML”，则 HTMLHint 开始工作，但我会丢失所有 Jinja 突出显示。

有没有办法让两个扩展一起工作？

Answer 1

• 默认情况下，VS Code 使用基于文件关联的第一个匹配扩展名。
• 为 Better Jinja 配置更高的

  priority

  ，以确保它首先处理 HTML 文件以进行语法突出显示。

这是更新后的

files.associations

配置：

"files.associations": {
  "*.html": {
    "priority": 1, // Higher priority for Better Jinja
    "language": "jinja-html"
  }
}

• 由于 Better Jinja 处理初始突出显示，请告诉 HTMLHint 忽略 HTML 文件中的特定模式。
• 配置

  htmlhint.ignorePatterns

  以排除 Jinja 模板语法。

这是更新的

htmlhint.config

（如果你有的话）：

{
  "htmlhint": {
    "ignorePatterns": ["<%%.*%%>"] // Example pattern for Jinja syntax
  }
}

此模式 (

<%%.*%%>

) 匹配 Jinja 模板开始 (

<%%

) 和结束 (

%%>

) 之间的任何内容。您可以根据您的具体 Jinja 分隔符进行调整。