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

Question

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

- nishorgo

---

你的意思是 Emmet 中的自动完成吗？（例如，输入.my-class会创建一个具有该类的 div 元素？） - Guillermo Brachetta

我所说的是最基本的自动完成，即输入“h1”，它将为h1标题提供自动完成建议。 - nishorgo

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

- Guillermo Brachetta

---

只需输入顶部的代码即可启用自动完成，但仅当您不以“<”开头的标签时才能启用。只需键入“p”或“div”，然后单击Tab即可自动完成。 此外，“django-html”：“html”似乎已经足够了。您能告诉我第二行代码是做什么的吗？因为我没有注意到Jinja的自动完成有任何不同。 :) - Cewu00

Answer 2

尝试下面的解决方案，适用于我：

1. 打开你的Django项目，进入VSCode。 2. 打开一个HTML文件（例如在templates文件夹中）。 3. 在VSCode屏幕的右下角，你会看到“Django HTML”。 4. 点击它，然后会进入语言选择屏幕。 5. 输入HTML并点击。 6. 你会注意到右下角的提示现在改为“HTML”。 7. 你现在应该已经成功使用HTML的自动完成功能了。

- AlexGithui

---

这对我有用，谢谢你。 - David NoHorizon

对我来说也可以！ - Renzo Zagni

Answer 3

如果找不到settings.json文件，可以直接进入设置>扩展>Emmet>包含语言。然后，点击添加项目并填写以下内容：

key: django-html
value: html

- Zharfan Zahisham

Answer 4

在 html 中实现 Django 模板语言的语法高亮！

无需切换到 django-html！

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

- Al Mahdi

Answer 5

只有在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

- Pramod Pujara

---

请在您的答案中保持缩进，我是审阅者。 - Sunderam Dubey