ESLint - web秀

#ESLint#

共找到 ESLint 相关内容 7 条

ESLint 是什么？

1年前

545607 3245 0

zxg_神说要有光

2年前

为什么 Eslint 可以检查和修复代码格式，而 Babel 不可以？

为什么 Eslint 可以检查和修复代码格式，而 Babel 不可以？

Eslint可以检查出代码中的错误和一些格式问题，并能自动修复，它的实现原理就是基于AST（抽象语法树）。通过Parser把源码解析成AST对象树，源码字符串中的各种信息就被保存到了这个对象树里，然后遍历AST，对每一部分做检查就能实现Lint的功能，而自动fix的功能则是基于字符串替换实现的，指定某一段range，替换成另一段文本即可。说起来，Babel也是基于AST实现的代码分析和转换，但是却不能检查和修复格式的问题，这是为什么呢？为什么Eslint可以检查格式而Babel不可以呢？我们先写一个Esl

544967 3218 0

zxg_神说要有光

2年前

Eslint 的 disable、enable 的注释配置是怎么实现的

Eslint 的 disable、enable 的注释配置是怎么实现的

不知道大家有没有用过eslint的注释的配置方式：/*eslint-disableno-alert,no-console*/alert('foo');console.log('bar');/*eslint-enableno-alert,no-console*///eslint-disable-next-linealert('foo');复制代码eslint支持eslint-disable、eslint-enable、eslint-disable-next-line等指定某个rule是否生效的行内配置，叫做

544778 3255 0

zxg_神说要有光

2年前

TSLint 和 ESLint 是怎么融合在一起的

TSLint 和 ESLint 是怎么融合在一起的

Eslint可以静态检查javascript代码一些逻辑上的错误，还有一些代码格式的错误。原理是把代码parse成AST，然后基于AST来检查一些问题。Tslint可以静态检查typescript代码的一些逻辑上的错误，一些代码格式的错误。原理也是基于AST的。既然都是基于AST，而且做的事情差不多，那为啥不合并到一起呢？后来，还真合并了，tslint合并到了eslint中，把tslint标记为了废弃。但是两者毕竟是不同的AST，而且tslint里还有一些类型检查相关的逻辑，这是eslint不支持的。那它

545532 3279 0

zxg_神说要有光

2年前

从 babel preset 和 eslint config 看配置的继承和重写

从 babel preset 和 eslint config 看配置的继承和重写

继承和重写是面向对象编程语言中的概念，是指一个类扩展自父类，并且重新实现了其中一些属性、方法。这种思想不只是在编程语言中会用到，在配置文件中也有广泛的应用。本文我们分别从babel和eslint的配置文件来重新审视一下继承和重写。Javascript中的继承和重写我们定义一个Person类，它有eat、sleep、getSkills3个方法。classPerson{eat(){}sleep(){}getSkills(){}}复制代码然后定义一个Guang类，继承自Person，重写getSkills方法。

546763 3273 0

zxg_神说要有光

2年前

写一个 eslint 插件：vue template 中 class 顺序的检查和自动修复

写一个 eslint 插件：vue template 中 class 顺序的检查和自动修复

有小伙伴问我如何修复vuetemplate中的class名的顺序、属性名顺序，还有options中的属性顺序的问题，用eslint可以做到么。答案是能，但是需要写eslint插件来检查和修复。考虑到他可能没有写过eslint插件，所以我先把相对简单的校验和修复class名的顺序的插件摘出来实现了一下。思路分析首先，eslint是否能parsevue的模版呢？是可以的，因为eslint的parser支持切换，而vue实现了对应的parser，所以可以在eslint中使用vue-eslint-parser来解

545657 3273 0

zxg_神说要有光

2年前

深入对比 eslint 插件和 babel 插件的异同点

深入对比 eslint 插件和 babel 插件的异同点

babel和eslint都是基于AST的，一个是做代码的转换，一个是做错误检查和修复。babel插件和eslint插件都能够分析和转换代码，那这俩到底有啥不同呢？本文我们来探究下babel插件和eslint插件差别在哪里。babel插件babel的编译流程分为parse、transform、generate3步，可以指定插件，在遍历AST的时候会合并调用visitor。比如我们写一个在console.xx的参数插入文件名+行列号的插件：对函数调用节点（CallExpression）的callee属性进行检

545557 3291 0

下拉加载更多