如何在 Visual Studio Code 中同时自动完成 HTML 和 Django-HTML？

Question

我已经在 Visual Studio Code 中安装了 Django 支持，并根据扩展要求将*/templates/*.html与django-html相关联。

如果我只是将 HTML 与其自身相关联，那么它就不能智能感知Django Template code。

我怎样才能自动完成两者？

Answer 1

这里本质上是相同的修复，但使用 VS Code UI 可能会让某些人更容易 - 特别是如果您是新手并且 settings.json 文件尚未生成。

在 VS Code 中，转到文件 -> 首选项 -> 设置

到达那里后，如果您希望此设置仅适用于该项目/工作区，则可以切换到“工作区”选项卡，或者如果您希望在所有项目/工作区上都使用此设置，则坚持使用“用户”选项卡。

打开列表中的“扩展”项，然后单击“Emmet”。

在“包括语言”下，单击“添加项目”按钮。填写：

项目：django-html

值：html

并单击“确定”按钮。

这会将您的设置添加到您的settings.json 文件中，或者如果您没有，则会生成一个新的settings.json 文件。

注意：要使自动完成/生成工作，您可能需要键入不带括号的标签，例如li（不是<li>），然后按 Enter 键以获取<li></li>

Answer 2

我设法做到了：

这并不能解决这个问题，因为这不是 emmet 的问题：这是 VS Code 语言配置的问题（在我们的例子中是 django-html） (3认同)
抱歉，它对我有用。`django` 扩展会自动将以下内容添加到您的设置中： ``` "files.associations": { "*.txt": "plaintext", "**/*.html": "html", "**/templates/**/*.html": "django-html", "**/requirements{/**,*}.{txt,in}": "pip-requirements" } ``` this会将 `templates/` 目录下的 `html` 文件与内置文件类 `django-html` 关联起来，这意味着它将智能感知 `if else` 等。我在答案中的设置会将“django-html”的建议与“html”相关联。所以首先绑定 `django-html` 文件。 (2认同)

Answer 3

正如namespace_Pt所说，我试过了，它有效。我将列出我的 Visual Studio Code 安装中的扩展。

我在settings.json文件的末尾添加了它。我从设置的搜索栏中找到该文件。只需撤消 Visual Studio Code 添加的内容并添加上面的代码即可。不要忘记添加逗号。