跳到主要内容

eslint

原理​

  • 将 JavaScript 代码解析成抽象语法树 (AST)，然后通过AST 来分析我们代码

生成eslint配置​

  • npx eslint --init ：生成eslint配置

ESLint 和 TSLint 有什么区别？​

ESLint 和 TSLint 都是 Javascript 的语法检查器，eslint可以保持代码风格统一

  • TSLint 是需要配合 Typescript 来使用的。
  • 2019年，TypeScript官方决定全面采用 ESLint

相同：

  • eslint和tslint都可以将代码解析成抽象语法树，进行分析代码

区别

  • 性能：
    • 性能问题也是ts官方转向eslint的原因, tslint执行规则的方式存在一些问题，从而影响性能
    • eslint性能更好

第三方eslint预设方案​

  • @antfu/eslint-config
    • 开箱即用，基本上不需要其他配置
    • 支持css格式规范、需额外安装eslint-plugin-format、prettier
      • eslint-plugin-format 依赖prettier进行格式化