>[success] # eslint 常見的插件 ### 擴展的配置 1. [eslint-config-airbnb](https://link.zhihu.com/?target=https%3A//github.com/airbnb/javascript/tree/master/packages/eslint-config-airbnb): 該包提供了所有的Airbnb的ESLint配置，作為一種擴展的共享配置，你是可以修改覆蓋掉某些不需要的配置的，**該工具包包含了react的相關Eslint規則(eslint-plugin-react與eslint-plugin-jsx-a11y)，所以安裝此依賴包的時候還需要安裝剛才提及的兩個插件** 2. [eslint-config-airbnb-base](https://link.zhihu.com/?target=https%3A//github.com/airbnb/javascript/tree/master/packages/eslint-config-airbnb-base): 與上一個包的區別是，此依賴包不包含react的規則，一般用于服務端檢查。 3. [eslint-config-jest-enzyme](https://link.zhihu.com/?target=https%3A//github.com/FormidableLabs/enzyme-matchers/tree/master/packages/eslint-config-jest-enzyme): jest和enzyme專用的校驗規則，保證一些斷言語法可以讓Eslint識別而不會發出警告。 4. [eslint-config-prettier](https://link.zhihu.com/?target=https%3A//github.com/prettier/eslint-config-prettier): 將會禁用掉所有那些非必須或者和[prettier](https://link.zhihu.com/?target=https%3A//github.com/prettier/prettier)沖突的規則。這讓您可以使用您最喜歡的shareable配置，而不讓它的風格選擇在使用Prettier時礙事。請注意該配置**只是**將規則**off**掉,所以它只有在和別的配置一起使用的時候才有意義。 ### 插件 1. [eslint-plugin-babel](https://link.zhihu.com/?target=https%3A//github.com/babel/eslint-plugin-babel): 和babel-eslint一起用的一款插件.babel-eslint在將eslint應用于Babel方面做得很好，但是它不能更改內置規則來支持實驗性特性。eslint-plugin-babel重新實現了有問題的規則，因此就不會誤報一些錯誤信息 2. [eslint-plugin-import](https://link.zhihu.com/?target=https%3A//github.com/benmosher/eslint-plugin-import): 該插件想要支持對ES2015+ (ES6+) import/export語法的校驗, 并防止一些文件路徑拼錯或者是導入名稱錯誤的情況 3. [eslint-plugin-jsx-a11y](https://link.zhihu.com/?target=https%3A//github.com/evcohen/eslint-plugin-jsx-a11y): 該依賴包專注于檢查JSX元素的可訪問性。 4. [eslint-import-resolver-webpack](https://link.zhihu.com/?target=https%3A//github.com/benmosher/eslint-plugin-import%23resolvers): 可以借助webpack的配置來輔助eslint解析，最有用的就是alias，從而避免unresolved的錯誤 5. [eslint-import-resolver-typescript](https://link.zhihu.com/?target=https%3A//github.com/alexgorbatchev/eslint-import-resolver-typescript)：和eslint-import-resolver-webpack類似，主要是為了解決alias的問題 6. [eslint-plugin-react](https://link.zhihu.com/?target=https%3A//github.com/yannickcr/eslint-plugin-react): React專用的校驗規則插件. 7. [eslint-plugin-jest](https://link.zhihu.com/?target=https%3A//github.com/jest-community/eslint-plugin-jest): Jest專用的Eslint規則校驗插件. 8. [eslint-plugin-prettier](https://link.zhihu.com/?target=https%3A//github.com/prettier/eslint-plugin-prettier): 該插件輔助Eslint可以平滑地與Prettier一起協作，并將Prettier的解析作為Eslint的一部分，在最后的輸出可以給出修改意見。這樣當Prettier格式化代碼的時候，依然能夠遵循我們的Eslint規則。如果你禁用掉了所有和代碼格式化相關的Eslint規則的話，該插件可以更好得工作。所以你可以使用eslint-config-prettier禁用掉所有的格式化相關的規則(如果其他有效的Eslint規則與prettier在代碼如何格式化的問題上不一致的時候，報錯是在所難免的了) 9. [@typescript-eslint/eslint-plugin](https://link.zhihu.com/?target=https%3A//github.com/typescript-eslint/typescript-eslint/tree/master/packages/eslint-plugin)：Typescript輔助Eslint的插件。 10. [eslint-plugin-promise](https://link.zhihu.com/?target=https%3A//blog.5udou.cn/douMi/editor/5cf5dfa5ce2785b40ef80bd6)：promise規范寫法檢查插件，附帶了一些校驗規則。 輔助優化流程 11. [husky](https://link.zhihu.com/?target=https%3A//github.com/typicode/husky): git命令hook專用配置. 12. [lint-staged](https://link.zhihu.com/?target=https%3A//github.com/okonet/lint-staged): 可以定制在特定的git階段執行特定的命令。 >[info] ## 文章來源 [最全的Eslint配置模板，從此統一團隊的編程習慣 ](https://zhuanlan.zhihu.com/p/87667635)