如何配置VS代码以使用Prettier HTML格式化程序

Question

我试图让VS Code格式化我的Django HTML文件，但我得到了：CCD_ 1。

我在网上找到的解决方案适用于Beautify，而不是Prettier。

如何使用Prettier？

Answer 1

@Tedkovsky的答案从技术上讲可能会解决你遇到的错误，但一旦你超过了这个错误，你就会发现Prettier会破坏你的模板，因为它试图打断包含{{ }}和{% %}等模板标记的长行。

这是因为Prettier目前(截至2021-01-09(不支持Jinja或Django模板，而且目前看来，开发人员对添加此功能不感兴趣。这里有2张(已关闭(门票：

• https://github.com/prettier/prettier/issues/5581

• https://github.com/prettier/prettier/issues/5754

我也找不到它的插件，所以看起来没有将Prettier与Django模板一起使用的解决方案。

edit：我一直在Django论坛上关注这个关于Django模板的自动格式化程序的帖子。也许那里会出现一些东西。

后期编辑：看起来djhtml可以处理缩进，尽管它与Prettier是分开的。不过，它不能完全自动设置格式。

更晚的编辑：djlint也可以用于格式化模板

Answer 2

在settings.json中，尝试

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

Answer 3

djLint为我工作。参考：https://marketplace.visualstudio.com/items?itemName=monosans.djlint

1. 为VS Code安装djlint扩展
2. 将其添加到您的settings.json文件中："[html][django html][handlebas][hbs][mustach][jinja][jinja html][nj][njk][nunjucks][trick]"：{"editor.defaultFormatter"："monosans.djlint"}
3. 在settings.json文件中启用选项editor.formatOnSave