解决Prettier错误格式化Django HTML模板引发代码报错问题

Prettier对Django模板的{% %}标签语法支持不佳，导致保存时错误重排代码。可通过以下几种方案解决：

方案1：使用Django专用格式化插件 #

• 安装VS Code插件 Django（作者：batisteo），它专门针对Django模板语法做了适配，能正确识别模板标签并格式化。
• 在settings.json中配置让Django模板文件使用该插件作为默认格式化器：

  "[django-html]": {
    "editor.defaultFormatter": "batisteo.vscode-django"
  },
  "[html]": {
    "editor.defaultFormatter": "batisteo.vscode-django"
  }
  

  如果你的模板文件后缀是.djhtml，只配置[django-html]即可；如果用.html，则需要配置[html]覆盖Prettier的默认设置。

方案2：禁用Prettier对HTML/Django模板的格式化 #

如果不需要Prettier处理模板文件，可直接在settings.json中关闭HTML文件的默认格式化器：

"[html]": {
  "editor.defaultFormatter": null
}

或者在项目根目录创建.prettierignore文件，添加需要忽略的模板路径：

templates/**/*.html

方案3：调整Prettier配置（效果有限） #

部分场景下，可通过Prettier的配置减少语法破坏，但无法完全适配Django模板语法，仅作备选。比如在项目根目录创建.prettierrc文件并添加：

{
  "htmlWhitespaceSensitivity": "ignore"
}

内容的提问来源于stack exchange，提问作者Laspeed