因歷史遺留原因,接手的項目沒有代碼提醒/格式化,包括 eslint、pretttier,也沒有 commit 提交校驗,如 husky、commitlint、stylelint,與其期待自己或者同事的代碼寫得完美無缺,不如通過一些工具來進行規範和約束。 ### eslint eslint 是一個代碼 ...
因歷史遺留原因,接手的項目沒有代碼提醒/格式化,包括 eslint、pretttier,也沒有 commit 提交校驗,如 husky、commitlint、stylelint,與其期待自己或者同事的代碼寫得完美無缺,不如通過一些工具來進行規範和約束。
eslint
eslint 是一個代碼校驗工具,用來規範項目代碼風格。
初始化
通過 npm install eslint
後使用 npx eslint --init
來根據問答生成 .eslintrc.js
配置文件。我的項目是 React + JavaScript,這裡選擇了 Airbnd 的規則來校驗,不同的項目類型可以進行其它的選擇。配置詳細介紹可以參考這一篇 規範代碼編寫風格就用 eslint 和 prettier 。
生成的 .eslintrc.js
文件包含當前 eslint 配置的規則,在命令行中使用 npx eslint ./xxx.js
文件時,eslint 就會讀取項目的配置文件對其內容進行匹配,如果沒有配置文件,則會出現圖中第一次執行的命令的回應。【Oops!Something went wrong!