从0到1开发一个简单的 eslint 插件

Posted 13289247728

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了从0到1开发一个简单的 eslint 插件相关的知识,希望对你有一定的参考价值。

前言:eslint我们常应用在代码静态扫描中,通过设定的eslint的语法规则,来对代码进行检查,通过规则来约束代码的风格,以此来提高代码的健壮性,避免因为代码不规范导致应用出现bug的可能。而规则是自由的,你可以设定内部自己团队适用的规则,也可以直接使用开源社区比较热门的规则集合, 比如airbnb、eslint-plugin-vue等
目录
1.eslint的配置
1.1 parse
1.2 parseOption
1.3 rules
1.4 extends(扩展) 与 plugins(插件)
2 开发eslint插件
2.1 eslint插件初始化
2.2 创建rule规则
2.3 编写规则
2.4 单元测试
2.5 关于发布
2.6 如何使用
1.eslint的配置

手写规则前,让我们重温下eslint配置,通常我们是使用.eslintrc.js来配置eslint的,或者也可以直接package.json中定义eslintConfig的属性
image.png

上图

以上是关于从0到1开发一个简单的 eslint 插件的主要内容,如果未能解决你的问题,请参考以下文章

更漂亮,eslint - classProperties 解析器插件错误

vscode格式化插件

【Eslint配置】 eslint-config-* 和 eslint-plugin-* 的区别

从0到1:使用Caliburn.Micro(WPF和MVVM)开发简单的计算器

实际生产项目中ESLINT的配置

Xcode7插件开发:从开发到拉到恶魔岛