更漂亮的 vscode 扩展不支持 Django 模板标签 {% tag %}

Question

Prettier Visual Studio 代码扩展不支持 Django 模板标签 {% tag %}

现在我该如何解决这个问题？

我必须禁用 html 文件的 Prettier 扩展名还是有其他解决方案？

github 中的问题 5581 =不支持 Django 模板标签

Answer 1

你可以做两件事：

1. 通过在“settings.json”文件中添加此命令来禁用 HTML 文件上的 Prettier：

   "prettier.disableLanguages": ["html"] 
   

   如果您启用了它，这将确保 VS Code 的固有 HTML 格式。

或者

2. 你可以安装一个像这样的 Django 扩展。然而，这个扩展的问题在于它禁用了 VS Codes 固有的 HTML 智能感知（我个人喜欢）。

希望这可以帮助。

Answer 2

我不知道它是否适合你，但我可以通过不在 django 模板中使用 prettier、在我的项目中安装djlint作为开发依赖来解决问题（我正在使用 pipelinenv，你可以将其安装为系统范围的包）并安装vscode 中的djlint扩展。

安装 djlint 之后我们需要配置我们的 vscode

"[html]": {
  "editor.defaultFormatter": "monosans.djlint"
},
"[django-html]": {
  "editor.defaultFormatter": "monosans.djlint"
},

如果您不想在全局设置中包含该配置，可以将它们添加到工作区设置中。

我希望我的解决方案适合您

Answer 3

就像@ahimsauzi 指出的那样，解决方案是

"prettier.disableLanguages": ["django-html"] 

只需禁用"django-html".

Answer 4

使用时，"prettier.disableLanguages": ["django-html"]我在 VS Code 中收到以下警告：

不再支持此功能。相反，配置 VS Code 默认格式化程序 或使用 .prettierignore。

我按照说明操作，并能够django-html通过将以下内容添加到文件中来禁用更漂亮的文件settings.json：

"[django-html]": {
    "editor.formatOnSave": false
}

Answer 5

1. 在项目目录中创建一个 .prettierignore 文件。
2. 在 .prettierignore 文件中添加 *.html。

现在 Prettier 将忽略当前项目中的所有 html 文件。