在前端开发中，代码风格统一是非常重要的，尤其是在团队协作中更是如此。而使用 eslint 可以帮助我们统一代码风格，避免一些低级错误。然而，eslint 的配置是一个比较麻烦的过程，需要安装一堆依赖包，而且还需要做一些配置。为了方便我们的使用，针对不同的项目或团队，有很多已经被配置好的规则包可用。eslint-config-lls 就是其中一种。
什么是 eslint-config-lls
eslint-config-lls 是一个 eslint 的插件包，他是基于 eslint-config-airbnb 进行配置的。不同于 eslint-config-airbnb 需要安装许多不同的依赖包， eslint-config-lls 已经将这些依赖一起打包了。他有一些自己的特色：
- 通过 babel-eslint 和 eslint-plugin-react 来支持 jsx 语法
- 引入了其他插件，例如 eslint-plugin-import 和 eslint-plugin-node 等
- 配置简单，不需要自己手动安装和配置任何东西
使用 eslint-config-lls
安装
安装 eslint-config-lls 很简单，使用 npm 只需要在终端中输入：
npm install eslint-config-lls --save-dev
配置
使用 eslint-config-lls 的配置也非常简单，只需要在 .eslintrc 文件中添加如下代码：
{
"extends": ["lls"]
}常见问题解决方案
如果你在使用 eslint-config-lls 时遇到了问题，可以参考以下解决方案。
eslint 配置不生效
如果你使用了 create-react-app 构建的项目，你需要在 .eslintrc 文件中添加如下代码：
{
"extends": ["react-app", "lls"]
}缺少 peerDependencies 依赖包
eslint-config-lls 依赖了一些 peerDependencies，因此你需要在自己的项目中手动安装这些依赖。
npm install eslint@^5.16.0 babel-eslint@^10.0.1 eslint-plugin-react@^7.12.4 eslint-plugin-import@^2.16.0 eslint-plugin-node@^9.1.0 --save-dev
结论
eslint-config-lls 是一个非常好用的 eslint 规则包，使用非常简单，而且能够避免了手动配置 eslint 的烦恼。如果你正在寻找一个易于使用的、可靠的 eslint 规则包，那么 eslint-config-lls 绝对值得你尝试。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005584281e8991b448d5746