ESLint 是一个开源的 JavaScript 代码检查工具，旨在提高代码质量、减少错误和改善代码组织。 在前端开发中，它是必不可少的工具之一。而 @first-lego-league/eslint-config 是一个按照团队代码规范配置好的 ESLint 配置文件，可以帮助团队维持代码风格的一致性。
安装
首先需要在项目中安装 @first-lego-league/eslint-config ：
npm install --save-dev @first-lego-league/eslint-config
使用
在项目中新建 .eslintrc.js 文件，并写入如下配置：
module.exports = {
extends: ['@first-lego-league']
}这样就可以开始使用了。在项目中运行 eslint 命令即可检查代码是否符合配置好的规范。比如：
eslint ./src/**/*.js
配置选项
@first-lego-league/eslint-config 的配置项继承自 eslint-config-airbnb-base，同时还作了一些针对特定代码规范的优化调整。
代码风格
缩进
代码缩进应当使用两个空格。
-- -------------------- ---- ------- -- --- -- -- -- ----- - ------ - -- ---- -- -- --- ----- - -- ---- -
变量命名
变量命名应当使用小驼峰命名法。
// bad const MY_VARIABLE = 'abc'; // good const myVariable = 'abc';
语言特性
禁止使用 var
var 关键字定义的变量只存在函数作用域，因此 let 和 const 是更优秀的选择。该规则会禁止使用 var 关键字。
// bad var message = 'Hello World'; // good let message = 'Hello World';
禁止使用 eval
eval 在执行时可能会执行不安全的代码，可能会造成安全风险。该规则禁止使用 eval。
// bad
eval('alert("Hello")');
// good
const alertMessage = 'Hello';
alert(alertMessage);禁止使用 with
with 会使得代码作用域难以理解，可能会造成语义混淆。该规则禁止使用 with 关键字。
// bad
with (document) {
write('Hello World');
}
// good
document.write('Hello World');以上是该配置文件的一小部分示例，更详细的配置可以查看 @first-lego-league/eslint-config 源码。
小结
@first-lego-league/eslint-config 是一个帮助团队维持代码风格一致性的优秀工具，可以让团队成员在代码开发中遵循同一套规范。使用该配置文件可以减轻开发人员在代码风格上的负担，提高整体代码质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/first-lego-league-eslint-config