[Javascript] 代碼檢查: ESLint

ESLint
https://github.com/eslint/eslint

ESLint web
https://eslint.org/

ESLint web中文
http://eslint.cn/

談談 ESLint(原標題: 《從零構建前後分離的web專案》實戰 -5分鐘快速構建炒雞規範的VUE專案骨架)
https://juejin.im/post/5b9b62ae6fb9a05d1a12c4db

ESLint合理的規範 github
https://github.com/pkwenda/Blog/blob/master/effective_config/.eslintrc.js

ESLint 在中大型團隊的應用實踐
https://tech.meituan.com/2019/08/01/eslint-application-practice-in-medium-and-large-teams.html

代碼規範是軟體發展領域經久不衰的話題，幾乎所有工程師在開發過程中都會遇到，並或多或少會思考過這一問題。隨著前端應用的大型化和複雜化，越來越多的前端工程師和團隊開始重視 JavaScript 代碼規範。得益於前端開源社區的繁盛，當下已經有幾種較為成熟的 JavaScript 代碼規範檢查工具，包括 JSLint、JSHint、ESLint、FECS 等等。本文主要介紹目前較為通用的方案——ESLint，它是一款外掛程式化的 JavaScript 代碼靜態檢查工具，其核心是通過對代碼解析得到的 AST（Abstract Syntax Tree，抽象語法樹）進行模式匹配，定位不符合約定規範的代碼。

ESLint 的使用並不複雜。依照 ESLint 的文檔安裝相關依賴，可以根據個人/團隊的代碼風格進行配置，即可通過命令列工具或借助編輯器集成的 ESLint 功能對工程代碼進行靜態檢查，發現和修復不符合規範的代碼。如果想降低配置成本，也可以直接使用開源配置方案，例如 eslint-config-airbnb 或 eslint-config-standard。

對於獨立開發者，或者執行力較強、技術場景較為單一的小型團隊而言，直接使用 ESLint 及其生態提供的一些標準方案，可以用較低成本來實現 JavaScript 代碼規範的落地。如果再搭配一些輔助工具（例如 husky 和 lint-staged），整個流程會更加順暢。但對於數十人的大型前端團隊來說，面向數百個前端工程，規模化地應用統一的 JavaScript 代碼規範，問題就會變得較為複雜。如果直接利用現有的開源配置方案，可能會使工作事倍功半。

#ESLint, Javascript, 代碼檢查