VSCode插件1——Prettier

102 阅读1分钟

介绍

Prettier 是一款流行的代码格式化工具。
说实在的,我不想花过多篇幅去做Prettier的介绍,再多概念性的介绍也抵不上即刻上手!
因此本文更像是一篇问题总结,更多面向已经上手Prettier但在使用过程中遇到了难以解决的问题的掘友

问题总结

1. json文件中的Prettier配置不生效

首先,我们要了解有三种配置Prettier的方式

  1. editorconfig配置文件
  2. prettierrc.js配置文件
  3. vscode的用户设置或者工作区设置

editorconfig配置文件

由于prettier插件优先使用项目根目录下的editorconfig配置文件,所以在vscode中怎么配置有没有用

image.png

解决办法: 取消Use Editor Config的复选框,这样就不会优先使用editorconfig配置文件

image.png

prettierrc.js配置文件

可以在项目根目录创建一个.prettierrc.js配置文件,prettier会自动检测到,也可以手动配置

image.png

image.png

vscode的用户设置或者工作区设置

image.png