关于prettier格式化代码设置不生效

1,236 阅读1分钟

最近在尝试给自己的项目添加prettier进行代码的格式的美化。 安装了Prettier插件,也写了.prettierrc.cjs文件,同时也在项目根目录设置了vscode的settings文件,结果都无论怎么保存文件,prettier都不生效。 image.png

image.png

设置最大为30个字符,但是没有生效。

image.png

image.png

尝试了很多方法都不行,检查了prettier日志,是有读取到这个文件的。

image.png

后来修改了.vscode文件的settings.json文件,添加了下面这段就好了。我猜想应该是vscode默认的设置不一定能覆盖到这种tsx文件,所以settings文件才会有需要我们手动的去添加这样的设置。

所以后续如果需要类似的问题,可以考虑一下是不是这个文件设置的问题。可能需要手动把需要格式化的文件类型添加进去。

⚠注意:修改了.prettierrc文件后,建议把vscode重启,否则可能不生效

image.png

image.png