在前端开发中，代码规范非常重要。而 eslint 是目前最受欢迎的代码规范工具之一。eslint-config-jm 是一款符合公司内部规范的 eslint 配置包，该包是基于 eslint-config-airbnb 来开发的。在本篇文章中，我们将一步步讲解如何使用 eslint-config-jm 包。
安装
安装 eslint-config-jm 可以使用 npm 或 yarn。
npm install eslint-config-jm --save-dev
或者
yarn add eslint-config-jm --dev
在你的项目中的 .eslintrc 文件中加入配置。
{
"extends": ["eslint-config-jm"]
}配置
在 eslint-config-jm 中包含了一项纪录，它列出了我们使用的所有规则。在默认情况下，只启用了最基础的设置，以防止我们的代码中出现语法错误。如果我们想要应用所有规则，可以使用以下配置：
{
"extends": ["eslint-config-jm/all"]
}配合 Prettier 食用
如果你正在使用 Prettier，我们还提供了一个 eslint/prettier 组合的配置包 eslint-config-jm-prettier，请在你的项目中的 .eslintrc 文件中使用以下配置：
{
extends: ['eslint-config-jm-prettier']
}示例代码
下面是一个简单的示例代码，它不符合 eslint-config-jm 的规范。在运行 eslint 之前，代码中有明显的语法错误和代码规范错误。
let list=[1,2,3] function add (num1,num2){return num1+num2} list.map((item,index)=>
console.
log(item); )执行 eslint 后会出现以下错误:
3:22 error Missing semicolon semi 3:22 error Prettier formatting prettier/prettier 4:15 error Extra space before function space-before-function-paren 4:16 error Missing space before opening brace space-before-blocks 5:22 warning A space is required before ')'. space-in-parens 5:26 warning Missing semicolon semi 6:17 error Expected indentation of 2 spaces but found 0 indent
我们可以看出，在未使用 eslint-config-jm 的情况下，代码中有多个错误，导致代码不规范。此时，我们只需要在 .eslintrc 文件中进行配置，然后在命令行使用 eslint 命令来检查代码就可以了。
指导意义和总结
随着前端开发的日益发展，更加高效、规范的代码已成为了开发者不可回避的问题。使用 eslint 可以帮助我们检查出代码中存在的语法错误和代码规范问题，提供更高效的代码编写体验。而 eslint-config-jm 则是一款符合公司内部规范的 eslint 配置包，使用它可以快速方便地在我们的项目中启用符合内部规范的 eslint 配置。在使用 eslint-config-jm 之前，最好了解一下 eslint 的相关配置和规则，这样才能更好地使用它来帮助我们更高效地开发代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600668fcd9381d61a354105c