Prettier 前端代码格式化工具

Prettier

---

是一个流行的代码格式化工具。

优点：

---

1. 可配置化
2. 支持多种语言
3. 集成多数的编辑器
4. 简洁的配置项

安装

---

yarn add prettier --dev --exact
npm install --save-dev --save-exact prettier

配置文件

---

echo {}> .prettierrc.json

配置忽略文件

---

新建一个文件.prettierignore 
内容：
build
coverage

手动格式化

---

yarn prettier --write .
npx prettier --write .

---

Pre-commit Hook（git add时自动格式化）

---

npx mrm lint-staged

解析ESLint冲突

---

1. yarn add eslint-config-prettier -D
2. 在package.json中的eslintConfig增加，prettier

错误

---

npx mrm lint-staged erroring out with 'Preset "default" not found."

解决

---

npx mrm@2 lint-staged

mrm，目前在版本 3 中，它似乎与 lint-staged 不兼容，要解决此问题，您需要通过运行告诉 mrm 版本 2npx mrm@2 lint-staged