前端进阶6-ESLint + Prettier - 二、配置解析器和解析参数

102 阅读1分钟
  • 二、配置解析器和解析参数

    • ESLint 是一个集代码审查和修复的工具,它的核心功能是通过配置一个个规则来限制代码的合法性和风格。

      • ESLint 的解析器,早期的时候用的是 Esprima,后面基于 Esprima v1.2.2 版本开发了一个新的解析器 Espree,并且把它当做默认解析器。
    • 除了使用 ESLint 自带的解析器外,还可以指定其他解析器:

      • @ babel/eslint-parser:使 Babel 和 ESLint 兼容,对一些 Babel 语法提供支持
      • @ typescript-eslint/parser:TSLint 被弃用后,TypeScript 提供了此解析器用于将其与 ESTree 兼容,使 ESLint 对 TypeScript 进行支持
    • 为项目指定某个选择器的原则是什么?

      • 如果你的项目用到了比较新的 ES 语法,比如 ES2021 的 Promise.any(),那就可以指定 @babel/eslint-parser 为解析器;
      • 如果项目是基于 TS 开发的,那就使用 @typescript-eslint/parser;
    • 注意

      • parser: 'vue-eslint-parser',这里要区分和 parserOptions.parser 的区别

        • vue-eslint-parser 是解析 .vue 文件
        • 而 parserOptions.parser:@typescript-eslint/parser 是我们自定义来解析 TypeScript 文件的,否则就无法正确的检验 TypeScript