什么是 configured-eslint-rules？
configured-eslint-rules 是一个封装了常用 ESLint 规则的 npm 包，通过它可以让我们快速地开始一个新的项目而无需从头开始进行配置。
如何使用 configured-eslint-rules
安装 configured-eslint-rules
在项目根目录下执行以下命令来安装 configured-eslint-rules：
npm install --save-dev configured-eslint-rules
配置 configured-eslint-rules
在项目的根目录下新建一个名为 .eslintrc.json 的文件，并添加以下内容：
{
"extends": "configured-eslint-rules"
}添加自定义规则
如果项目需要自定义规则，可以在项目根目录的 .eslintrc.json 文件中添加 rules 字段，例如：
{
"extends": "configured-eslint-rules",
"rules": {
"custom-rule": "error"
}
}运行 eslint
在项目中执行以下命令来运行 eslint：
npx eslint .
其中 . 表示 eslint 对整个项目进行检查。
示例代码
本示例代码使用了 Vue.js 框架。
在项目中运行以下命令来安装 scoped-eslint-preset：
npm install --save-dev configured-eslint-rules
修改项目根目录下的 .eslintrc.js 文件，添加以下内容：
-- -------------------- ---- -------
-
---------- -
--------------------------
------------------------
--
-------- -
-------------- -------
-
-在项目根目录下新建一个名为 .eslintignore 的文件，添加以下内容：
node_modules/ dist/
运行以下命令来运行 eslint：
npx eslint src/
现在，我们就可以快速地运行 eslint 来检查我们的代码是否符合预定义的规则了。
总结
通过使用 configured-eslint-rules，我们可以快速地开始一个新项目而无需从头开始进行 ESLint 配置。此外，我们还可以自定义规则并与预定义的规则混合使用，以满足项目的特定需求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f69d807a9b7065299ccb82c