美文网首页
eslint 自定义规则开发教程

eslint 自定义规则开发教程

作者: 罗不错 | 来源:发表于2023-02-21 16:14 被阅读0次

    一.用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",

    相关文章

      网友评论

          本文标题:eslint 自定义规则开发教程

          本文链接:https://www.haomeiwen.com/subject/dkxokdtx.html