eslint 自定义规则开发教程

一.用eslint自定义规则开发框架,生成npm包项目,详见https://juejin.cn/post/6844903903964692494

npm i -g yo
npm i -g generator-eslint  // 创建一个plugin
yo eslint:plugin    // 创建一个规则
yo eslint:rule ,名字以eslint-plugin-开头

二.具体开发过程
2.1 打开抽象语法树在线生成网址 https://astexplorer.net/
语法树中的节点名 和 eslint插件规则中create函数暴露的名称一致
2.2 编写相应的控制逻辑

三.发包
3.1 注册npm账号 https://www.npmjs.com/
3.2 npm login
3.2 npm publish

四.安装
4.1 yarn add eslint-plugin-my-work
npx eslint --init

image.png

https://blog.csdn.net/qq_52092705/article/details/126236153
4.2 编写配置文件

{
    "parser": "esprima", // 默认的解析器
    "rules": {
        "semi": [
            "warn",
            "always"
        ],
        "quotes": [
            "error",
            "double"
        ],
        "my-work/my-work":["error",{
            "npmWhiteList":["baidu.com","baidu.cn"],
            "npmRegWhiteList":["zhihu\\.\\w+"],
            "domainWhiteList":["jianshu"],
            "domainRegWhiteList":["jiansh3u\\.\\w+"]
        }]
    },
    "plugins":["my-work"]
}

4.3 修改规则的途径:
a. 重新发包
b. 在node_modules中修改,然后重启vscode
c. 在node_modules中修改,然后执行script命令: "lint": "eslint -c ./.eslintrc /*/.js",