在 VS Code 中识别为 Django 模板的 HTML 文件答案

【问题标题】：HTML files recognized as Django Template in VS Code在 VS Code 中识别为 Django 模板的 HTML 文件
【发布时间】：2018-02-13 03:07:10
【问题描述】：

我是 VS Code 的新手，之前来自 ST3 和 TextMate。有点困惑，为什么在单击右下角的语言指示器后没有自动检测到 HTML，也没有将其作为语言选择提供？

我已尝试将"files.associations": {"*.html": "html"} 明确添加到用户设置中，但没有效果。

在 macOS v10.12.6 上运行 VSCode v1.15.1。

【问题讨论】：

可以确认我安装的语言关联菜单中有一个“HTML”选项：v1.15.1 多么奇怪...

标签： html visual-studio-code vscode-settings

【解决方案1】：

将下面的设置emmet.includeLanguages": {"django-html": "html"}包含在 VSCode 的 settings.json：

{
  "python.jediEnabled": false,
  "files.autoSave": "afterDelay",
  "editor.suggestSelection": "first",
  "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
  "editor.minimap.enabled": true,
  "workbench.colorTheme": "Monokai",
  "editor.largeFileOptimizations": false,
  "html.format.indentInnerHtml": true,
  "html.format.indentHandlebars": true,
  "emmet.includeLanguages": {
    "django-html": "html"
  },
  "[django-html]": {

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

它在 1.33.1 版本上为我解决了问题

【讨论】：

更多信息github.com/vscode-django/vscode-django/issues/16访问这里
"emmet.includeLanguages": {"django-html": "html"} 为我工作... TY
"files.associations": { "*.html": "html" } 适合我。谢谢。

【解决方案2】：

已解决！ 我开始消除扩展，发现 Django 模板 1.2.0 (bibhasdn.django-html) 是罪魁祸首。一旦我禁用它，HTML 选项就会返回到语言关联菜单。提示 @ifconfig 以确认我应该期望它存在。

【讨论】：

如果我的评论解决了您的问题，将感谢您将其设置为答案。
@Tzvi，它没有，但我感谢您的意见。正如我所指出的，我通过删除第 3 方扩展解决了这个问题。
是第三方扩展 - Python 扩展包，其中包含我所说的 DJANGO 包吗？
不，我在 OP 中列出了有问题的扩展名：“Django Template 1.2.0 (bibhasdn.django-html”
Django 模板 1.3 出现了同样的问题。很高兴修复它并再次查看 5s。

【解决方案3】：

1) 点击右下方工具栏中的“选择语言模式”。

2) 从下拉列表中选择“为 .html 配置文件关联”。

3) 从下拉列表中选择 html。

这将删除标记为 Django-html 每次您创建 html 文档的 html 文件。

【讨论】：

令人惊讶的是，这运行良好，我发现答案非常有用。非常感谢。

【解决方案4】：

这些设置在 vscode settings.json 中对我有用

"files.associations": {
    "**/templates/*.html": "django-html",
    "**/templates/*": "django-txt",
    "**/requirements{/**,*}.{txt,in}": "pip-requirements",
    "*.html": "html"
  },
  "emmet.includeLanguages": { "django-html": "html" }

【讨论】：

【解决方案5】：

包含 DJANGO 包的 Python 扩展包使 VSCOde 将所有 html 视为 Django 模板并将 cmets 设置为 {%comment%} 而不是 

删除它解决了这个问题。

【讨论】：

当您是全栈开发人员并分别使用 python 和 HTML 时，这不是删除 Python 扩展的好方法...

【解决方案6】：

我认为最简单的方法是检查这一点。在 vs code 的右下角，您可以看到如下图所示的页脚。

所以，点击那里的 Django HTML。然后可以注意到一个带有输入的弹出窗口。输入 HTML 作为输入并选择 HTML。问题解决了。

【讨论】：

【解决方案7】：

只需将其添加到您的 Settings.json 中：

"files.associations": {
    "**/templates/*.html": "django-html",
    "**/templates/*": "django-txt",
    "**/requirements{/**,*}.{txt,in}": "pip-requirements",
    "*.html": "html"
  },
  "emmet.includeLanguages": { "django-html": "html" }

打开 Languages(identifier) 菜单（press right Ctl + K 然后松开它们并按 `M），应该会有 HTML。

最后选择HTML，重启VSCode。

【讨论】：

【解决方案8】：

打开您的 VSCode JSON 设置并添加这些行

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

【讨论】：

【解决方案9】：

要将扩展名映射到settings 中的语言，在结果中搜索association 应该有Files:Associations：

您可以在其中添加新的key/value 对。其中key 是扩展名（文件名扩展），value 是language identifier。

【讨论】：

【解决方案10】：

通常 .html 和 .txt 文件被文本编辑器识别为 Django 模板文件。这可以通过在 VSCode 的 Setting.json 文件中添加给定的代码来解决：

"files.associations": {
        "**/templates/*.html": "django-html",
        "**/templates/*": "django-txt",
        "**/requirements{/**,*}.{txt,in}": "pip-requirements",
        "*.html": "html"
      },

【讨论】：