VS Code开发Django项目如何忽略测试HTML的模板错误提示

API 探路者

2026-9-1

VS Code屏蔽无关HTML警告、避免干扰问题跳转的配置方法

以下方法按需选择即可：

临时过滤（单次生效，适合临时处理测试文件场景）
打开底部问题（Problems）面板，找到面板顶部的筛选输入框，输入过滤规则 !**/*.html，面板会立刻隐藏所有HTML文件产生的错误、警告，已配置的Go to Next Problem in Files跳转也会自动跳过这些被过滤的问题。如果测试HTML都放在固定目录，也可以把规则改成对应路径，比如!**/test_html/*.html，不会影响其他正常HTML文件的校验。
永久配置排除规则（对当前工作区/全局长期生效）
1. 按快捷键 Ctrl+,（Mac端为Cmd+,）打开设置页，点击设置页右上角的「打开设置(JSON)」按钮，进入settings.json配置文件
2. 在配置对象中加入如下字段，保存后自动生效：
```
{
  // 保留原有其他配置项，不要删除
  "problems.excludeGlobs": [
    "**/test/*.html"
    // 替换成自己的测试HTML路径匹配规则，要全局屏蔽所有HTML就写"**/*.html"
  ]
}
```
1. 如果安装了HTMLHint这类第三方HTML校验插件，还需要补充对应插件的排除规则，比如全局禁用测试目录的HTMLHint校验可以加：
```
"htmlhint.excludePatterns": [
  "**/test/*.html"
]
```
调整问题跳转的触发范围（不隐藏面板警告，只让跳转命令跳过无关问题）
如果不想在问题面板隐藏HTML警告，只是不想按跳转快捷键的时候跳到HTML问题，可以修改快捷键的触发条件：
1. 按快捷键 Ctrl+K Ctrl+S（Mac端为Cmd+K Cmd+S）打开键盘快捷方式设置
2. 搜索已绑定的Go to Next Problem in Files命令，右键选择「更改当条件表达式」
3. 在原有条件后追加 && !resourceExtname == '.html'，保存后跳转命令就会自动跳过所有HTML文件的问题。