我使用VS Code一段时间了，并安装了一些扩展。 除了在使用Flask时出现的情况，一切都很完美。
Prettier把所有的Flask代码粘在一起，且智能提示在Flask代码中无法正常工作：
{% extends "layout.html" %} {% block style %} body {color: red; } {% endblock %}
{% block body %} you must provide a name {% endblock %}
我该怎么做才能在 Flask 中运行它（尝试使用 flask-snippets）？
我在虚拟环境中运行它（在启动 vscode 之前运行）。
先感谢您了。
我也遇到了类似的问题，这是我解决它的方法：
进入首选项 >> 设置 >> 在搜索设置栏中输入“文件关联”，点击“编辑settings.json”
最后在settings.json文件中添加以下行：
"emmet.includeLanguages": {"jinja-html": "html"},
重新启动您的vscode。每次打开带有jinja模板代码的html文件时，只要选择了jinja-html（而不是HTML！），prettify就不会弄乱它，您的智能感知应该也能正常工作。 :)
"material-icon-theme.languages.associations": {
"jinja-html": "html"
},
"files.associations": {
"*.html": "jinja-html"
},
"emmet.includeLanguages": {
"jinja-html": "html"
},
我尝试了一切，但最终成功了。
安装Better Jinja插件。
安装Django插件。
然后按下ctrl+进入设置，搜索“文件关联”，进入settings.json并编辑以下内容：
"files.associations": { "*.html": "jinja-html" },
"emmet.includeLanguages": {"jinja-html": "html"}
好的，我尝试了Ataua和Moby J提供的解决方案，但无法使它们正常工作。也许是因为我在全局使用Prettier。
这是对我有效的方法：
有一个名为Unibeautify的项目，它似乎是将不同格式化程序和文件类型的个性化设置绑定在一起的“一环之规”。
它有一个VS Code扩展程序，VSCode-Unibeautify。
安装扩展程序后，您需要创建一个配置文件并告诉VS Code在哪里找到它。如果要在多种语言中使用它，可以创建和自定义自己的配置，但下面是适用于Jinja的内容，可以对我有效：
# unibeautifyrc.yaml
HTML:
beautifiers:
- JS-Beautify
- Pretty Diff
然后，在您的VS Code设置中：
// settings.json
"unibeautify.defaultConfig": "/PATH/TO/unibeautifyrc.yaml",
"unibeautify.enabled": true,
"[jinja-html]": {
"editor.defaultFormatter": "Glavin001.unibeautify-vscode",
"editor.formatOnSave": true
},
*.html更具体化以适用于您的模板目录。// MYPROJECT/.vscode/settings.json
{
"files.associations": {
"*.html": "jinja-html"
}
}
这个解决方案由 JS-Beautify 提供支持，它似乎与Jinja很好地配合使用，并支持 Atoms 的 atom-beautify 扩展程序。该扩展程序的作者是 Unibeautify 和 Glavin001，一个美丽的人。
之前尝试的解决方案对我都不起作用，我或者会失去语法高亮、自动完成或自动格式化功能。
最终，我找到了一种解决方案，可以提供所有这些功能：
CTRL + Shift + P，然后输入 open settings json + Enter这是我的配置，适用于我的jinja模板。 djLint还有更多特定于文件类型的选项可供选择（请参见VS Code中的扩展说明）。
// settings.json
"emmet.includeLanguages": {
"jinja2": "html",
"jinja-html": "html",
"django-html": "html",
},
"[jinja]": {
"editor.defaultFormatter": "monosans.djlint",
"editor.detectIndentation": false,
"editor.tabSize": 2,
"editor.formatOnSave": true,
},
"[jinja-html]": {
"editor.defaultFormatter": "monosans.djlint",
"editor.detectIndentation": false,
"editor.tabSize": 2,
"editor.formatOnSave": true,
},
"[django-html]": {
"editor.defaultFormatter": "monosans.djlint",
"editor.detectIndentation": false,
"editor.tabSize": 2,
"editor.formatOnPaste": true,
},
我使用扩展名.jinja2来编写jinja模板。为了让它能够与"Django"插件一起使用，我需要在我的设置中添加以下内容：
// settings.json
"files.associations": {
"*.jinja2": "django-html"
},
"emmet.includeLanguages": { "jinja-html": "html" },
"editor.defaultFormatter": "vscode.emmet"
我实际上是通过导航设置（Linux 上为 Ctrl + ,）来完成的，但结果只是将该项添加到 settings.json 文件中。
在进行了这个更改之后，智能感知和 Emmet 功能在 .html 和 .jinja 文件中都能正常工作。
- VScode 语言选择是基于文件类型（.html）的。Jinja 代码在 html 文件中，因此 VScode 高亮显示 html 代码，而不是 jinja。
- 我安装了 Better Jinja 扩展，感谢 cricket_007。为了使它工作，我需要在 VScode 底部选择 jinja html。问题是现在 jinja 被突出显示，但所有的 html 都被禁用了高亮和自动完成。有没有办法激活 html + jinja 的高亮/自动完成？
- saquiel