一.用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",
网友评论