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

Question

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

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

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

Answer 1

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

{
"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 2

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

Answer 3

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

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

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

每次创建 html 文档时，这都会删除标记为 Django-html 的 html 文件。

Answer 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" }

Answer 5

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

删除它解决了问题。

Answer 6

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

因此，单击那里的Django HTML 。 然后可以注意到一个带有输入的弹出窗口。 输入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" }

打开语言（标识符）菜单（ press right Ctl + K然后释放它们并按`M），应该有 HTML。

最后选择HTML并重新启动 VSCode。

Answer 8

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

您可以在其中添加新的key/value对。 其中key是扩展名（文件名扩展）， value是语言标识符。

Answer 9

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

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

Answer 10

转到 settings.json，然后

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

把这个

"emmet.includeLanguages": {
    "django-html": "html"
},

像这样：

{
"workbench.colorTheme": "Default Dark+",
"editor.fontSize": 15,
"window.zoomLevel": -1,
"files.autoSave": "afterDelay",
"files.associations": {
    "**/templates/*.html": "django-html",
    "**/templates/*": "django-txt",
    "**/requirements{/**,*}.{txt,in}": "pip-requirements",
    "*.html": "html"
},
"emmet.includeLanguages": {
    "django-html": "html"
},
"[django-html]": {



    "editor.quickSuggestions": {
        "other": true,
        "comments": true,
        "strings": true
    }
}

}

Answer 11

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

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