跳到主要内容

prettier

Prettier 是一个固执己见的代码格式化程序。

Install · Prettier

集成在 ESlint 中

ESlint 与 Prettier 可能会冲突,故需做如下设置:

//1. 安装 eslint-config-prettier 插件
npm i -D eslint-config-prettier
//2. 在 eslint 的配置文件中写入以下内容
extends: ['plugin:prettier/recommended'], // 避免与 prettier 冲突

prettier 与 eslint 如何选择

prettier 只需要按照一个 vscode 插件,几乎没有任何门槛,按下 Ctrl + Alt + F 就可以美化你的代码。而 eslint 需要配合代码编辑器与相关规则,通过保存文件或者执行 eslint 命令才能格式化代码。但往往也是因为过少的配置,使 prettier 对代码的约束不如 eslint。

可以看看 Antfu 大佬的博客 Why I don't use Prettier (antfu.me),阐述了他为何不使用 Prettier。

这两个我都有在使用,在临时编写 demo 代码的时候,肯定优先使用 prettier。

但是在实际项目中,如果不使用 eslint 的话,每次保存代码都需要手动格式化,还是比较繁琐的。