HTML 自动完成无法与 VSCode 中的 Django 扩展一起使用

Question

我目前使用的是最新版本的 VSCode 和 Django。每当我启用 Baptiste Darthenay 的 Django 扩展时，HTML 自动完成功能就会停止工作。如果我禁用 Django 扩展并重新加载 VSCode，它将再次开始工作。我应该怎么做才能使 HTML 自动完成与 Django 扩展一起工作？

Answer 1

尝试将此添加到您的 settings.json 文件中：

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

此外，您还可以添加这个并根据您的喜好进行调整：

"[django-html]": {
    "editor.defaultFormatter": "HookyQR.beautify",
    "editor.quickSuggestions": {
        "comments": true,
        "other": true,
        "strings": true
    },
    "editor.tabSize": 4,
    "editor.wordWrap": "on"
}

Answer 2

尝试以下对我有用的解决方案：

随着你的 VSCode 打开你的 Django 项目。
打开一个 HTML 文件（例如在您的模板文件夹中）
在 VSCode 屏幕的右下角，您会看到 'Django HTML'
点击它，然后您将进入语言选择屏幕
键入 HTML 并单击
您会注意到右下角的提示现在变为 'HTML'
您现在应该可以自动完成 HTML 工作正常

Answer 3

只有在 settings.json 中添加 "emmet.includeLanguages": {"django-html": "html"} 才能解决您提到的问题。

之前：

{
"terminal.integrated.rendererType": "dom",
"liveServer.settings.donotVerifyTags": true,
"liveServer.settings.donotShowInfoMsg": true,
"javascript.updateImportsOnFileMove.enabled": "always",
"workbench.editorAssociations": {
    "*.ipynb": "jupyter.notebook.ipynb"
},
"C_Cpp.updateChannel": "Insiders",
"grunt.autoDetect": "on",
"files.associations": {
    "*.html": "django-html"
},

"[django-html]": {
    "editor.quickSuggestions": {
        "other": true,
        "comments": true,
        "strings": true
    }
}

}

之后：

{
"terminal.integrated.rendererType": "dom",
"liveServer.settings.donotVerifyTags": true,
"liveServer.settings.donotShowInfoMsg": true,
"javascript.updateImportsOnFileMove.enabled": "always",
"workbench.editorAssociations": {
    "*.ipynb": "jupyter.notebook.ipynb"
},
"C_Cpp.updateChannel": "Insiders",
"grunt.autoDetect": "on",
"files.associations": {
    "*.html": "django-html"
},

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

"[django-html]": {
    "editor.quickSuggestions": {
        "other": true,
        "comments": true,
        "strings": true
    }
}

}

你可以在这里看到讨论：https://github.com/vscode-django/vscode-django/issues/16

Answer 4

html!

中的 Django 模板语言语法突出显示

无需切换到 django-html !

使用这个扩展：Django Support（零配置）

HTML 自动完成无法与 VSCode 中的 Django 扩展一起使用

HTML autocomplete is not working along with Django extension in VSCode

html

django

visual-studio-code

django-extensions