VS Code 中的 Jinja 智能感知和语法高亮

Question

我看到有些教程中，一些人在Visual Studio Code中为注入到html文件中的jinja模板使用智能感知和语法高亮功能，但我找不到实现这一目标的方法。

我安装了Jinja和Better Jinja扩展，但我不能让它们起作用。

明确一下，我想在HTML文件中像下面这样的代码中拥有智能感知和语法高亮功能。

<p>
    {% if music_style %}
    The style you entered is {{ music_style }}
    Update it in the form below
    {% else %}
    Please enter your style:
    {% endif %}
</p>

- Guillermo Brachetta

---

我在这里发布了一个很好的工作解决方案：Visual Studio Code 和 Jinja 模板。 - ffrosch

Answer 1

在 VS Code 底部右侧的状态栏中，有一个选项可以更改语言。从 HTML 更改为 Django HTML，方法是点击它并在搜索选项中搜索，然后选择它。

在 settings.json 文件中，您可以添加以下代码，以便大多数情况下将采用 Django 模板作为 Django-HTML，而其他时候则采用 HTML。

"files.associations": { // so that all html files are not recognized as django-html
    "**/templates/**/*.html": "django-html",
    "*.html": "html"
},

希望能对你有所帮助，
谢谢！

- Ayush