HTML 个文件在 VS Code 中被识别为 Django 模板

Question

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

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

运行 VSCode v1.15.1 on macOS v10.12.6.

Answer 1

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

Answer 2

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

删除它解决了问题。

Answer 3

在 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 版本

Answer 4

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

因此，单击那里的 Django HTML。然后可以注意到带有输入的弹出窗口。输入 HTML 和 select HTML。问题已解决。

Answer 5

1) 单击右下方工具栏中的 "select language mode"。

2) Select "Configure file association for .html" 来自下拉列表。

3) Select html 来自下拉列表。

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

Answer 6

这些设置在 vscode settings.json

中对我有用

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

Answer 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。

Answer 8

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

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

Answer 9

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

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

Answer 10

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

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

HTML 个文件在 VS Code 中被识别为 Django 模板

HTML files recognized as Django Template in VS Code

html

visual-studio-code

vscode-settings