Prettier是什麼？

Prettier 是一個固執己見的代碼格式化程序。

它刪除了所有原始樣式*並確保所有輸出的代碼符合一致的樣式。
Prettier 獲取您的代碼並考慮行長度，從頭開始重新打印它。

Prettier和Linters的區別

Linters有兩套規則：

• 代碼格式，比如max-len, no-mixed-spaces-and-tabs
• 代碼質量，比如no-unused-vars, no-extra-bind

Prettier更專注於代碼格式，對提升代碼質量起不到任何作用。

為什麼要使用Prettier

既然Linters提供了代碼格式化的功能，為什麼還要使用Prettier呢？

1. Prettier在代碼格式化方面更專業。比如繼承了standard配置的eslint不能處理max-len的問題，需要再額外配置。
2. 統一風格，不必為了選擇那種代碼風格而爭論。因為 Prettier 是唯一全自動的“風格指南”。

無衝突設置ESLint和Prettier

安裝配置eslint-config-prettier和eslint-plugin-prettier

npm install --save-dev eslint-plugin-prettier eslint-config-prettier
npm install --save-dev --save-exact prettier

// .eslintrc.js
module.exports = {
  // ...
  extends: [
    "some-other-config-you-use",
    "prettier",
    "plugin:prettier/recommended"
  ]
}