搭配ESLint一起工作

javascript代碼大全？很多項目都會使用ESLint來提高代碼的質量，集成Prettier和ESLint 是代碼美化，統一代碼風格規范，并減少團隊中的相互代碼約束力。

Prettier

Prettier是一個流行的代碼格式化工具的名稱，它能夠解析代碼，使用你自己設定的規則來重新打印出格式規范的代碼。

單選美化切換代碼，Prettier具有以下幾個有優點：?
1. 可配置化?
2. 支持多種語言?
3. 集成多數的編輯器?
4. 簡潔的配置項

安裝

使用npm

npm install --save-dev --save-exact prettier
# or globally
npm install --global prettier

使用ESLint運行Prettier

如果你已經在你的項目中使用ESLint并且想要只通過單獨一條命令來執行你的所有的代碼檢查的話，你可以使用ESLint來為你運行Prettier。

只需要使用eslint-plugin-prettier來添加Prettier作為ESLint的規則配置。

yarn add --dev prettier eslint-plugin-prettier

.eslintrc.json

{"plugins": ["prettier"],"rules": {"prettier/prettier": "error"}
}

關閉ESLint的格式規則

你是否通過ESLint來運行Prettier，又或者是單獨運行兩個工具，那你大概只想要每個格式問題只出現一次，而且你特別不想要ESLint僅僅是和Prettier有簡單的不同和偏好而報出“問題”。

所以你大概想要禁用沖突的規則（當保留其他Prettier不關心的規則時）最簡單的方式是使用eslint-config-prettier。它可以添加到任何ESLint配置上面。

yarn add --dev eslint-config-prettier

.eslintrc.json

{"extends": ["prettier"]
}

參考文檔：

ESLint 官方文檔

prettier官方文檔

perttier?gitHub文檔