使用ESLint很久了，也看了ESLint官方文档很多遍，但对于ESLint配置的规则还是不胜清楚，例如：
{
"extends": ["plugin:prettier/recommended"]
}
上面extends的值为什么要"plugin:"开头？这里的prettier插件需要显示安装吗？像这样plugins: ["prettier"]。
{
"plugins": ["prettier"],
"rules": {
"prettier/prettier": "error"
}
}
上面规则"prettier/prettier": "error"表示的是插件prettier中的规则prettier吧？
{
"extends": ["prettier"],
}
上面的规则extends值为啥又没有"plugin:"前缀了呢？
为了解释上面的几个问题，首先要从ESLint的插件和共享配置说起。
ESLint插件
ESLint的规则十分便于扩展，而扩展的途径就是为ESLint添加插件，插件文件的基础格式是：
我们创建一个插件叫eslint-plugin-myplugin
module.exports = {
configs: {
config1: {
plugins: ['myplugin'],
rules: {
"myplugin/rule1": "error"
}
}
},
rules: {
rule1: {
create: function (context) {
// rule implementation ...
}
}
}
}
上面编写的ESLint插件包含了两部分，一个是rules部分定义了这个插件自定义的规则，这里对应的是规则rule1。另一个是配置部分configs字段定义的规则集合，这里对应了config1。
使用插件myplugin
在插件中引入的规则和配置可以在项目的ESLint配置文件中使用。
插件中定义的规则（插件中rules下定义的规则）使用方法如下：
{
"plugins": ["myplugin"], // 可以将eslint-plugin这个前缀省略
"rules": {
"myplugin/rule1": "error"
}
}
在配置文件中使用插件中的规则首先需要安装插件（在plugins下引入插件），然后才能在rules字段下加上插件名 + / + ruleName的形式使用插件中定义的规则。
除了使用插件中定义的规则，还可以使用插件中定义好的配置（confings字段下定义的内容）。
使用插件中的配置则不需要像使用插件中的规则一样显示安装插件（plugins: […]）。
{
"extends": ["plugin:myplugin/config1"]
}
在extends字段中使用 plugin:pluginName/configName 的形式使用插件中定义的指定配置。
为什么需要plugin作为前缀了呢？
因为extends继承的配置有两个来源，一个是插件中定义的，就像上面介绍的，eslint-config-configname也可以生成可共享配置。
eslint-config-myconfig
定义一个用于共享的配置包，这个包的名字最好以eslint-config开头。
module.exports = {
rules: {
...
}
}
定义好的包，可以在ESLint的配置文件中使用。
{
"extends": ["myconfig"]
}
直接 extends: [configName] 就完成了对配置文件的继承。