简介
在现代前端开发中，一个项目通常需要使用许多不同的 npm 包来帮助其工作。同时，为了保证代码的质量，代码 linting 也变得越来越重要。eslint 是前端代码 linting 的一种常用工具。而 eslint-plugin-local 是一个可以为 eslint 增加本地规则的插件。在本文中，我们将介绍如何使用 eslint-plugin-local。
安装
在安装 eslint-plugin-local 之前，你需要确保你已经安装了 eslint。如果你还没有安装 eslint，你可以通过以下命令安装：
npm install eslint --save-dev
安装 eslint-plugin-local 也很简单，只需要运行以下命令即可：
npm install eslint-plugin-local --save-dev
使用
在安装 eslint-plugin-local 后，在你的 .eslintrc.js 配置文件中，添加 plugin 和 rules 配置项。
{
"plugins": ["local"],
"rules": {
"local/rule-name": "error"
}
}local/rule-name 是你想要添加的本地规则的名称。如果你想添加多个规则，则可以以逗号分隔它们。在上面的例子中，我们添加了一个名为 rule-name 的本地规则，并将其设置为 error 级别。
然后，在项目中的任何一个文件中，你可以使用 rule-name 规则：
// This will trigger the "rule-name" error. const foo = '';
示例
以下是一个完整的示例代码：
// .eslintrc.js
module.exports = {
plugins: ['local'],
rules: {
'local/no-lodash': 'warn',
},
};// test.js
_.map([1, 2, 3], (value) => {
console.log(value);
});运行 eslint：
$ ./node_modules/.bin/eslint test.js test.js 2:1 warning Don't use lodash local/no-lodash ✖ 1 problem (0 errors, 1 warning)
结论
在 modern 前端开发中，代码的质量是至关重要的。而 eslint-plugin-local 是一种简单有效的手段，可以让你在项目中添加自定义的本地规则。在本文中，我们介绍了 eslint-plugin-local 的安装和使用方法，并提供了一个示例代码。通过学习本文，你可以学习如何使用 eslint-plugin-local 提高自己代码质量的效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f79547d7116197505561b34