ESLint 是一个常用的 JavaScript 代码检查工具，它可以帮助我们找出代码中的潜在问题，规范代码风格和书写方式。但当我们在使用 ESLint 时，有时会遇到一些问题，例如代码中包含 JSX 语法或 TypeScript 类型声明，这些在默认配置下并不会被正确地解析。为了解决这些问题，我们需要了解 ESLint 中的 parserOptions。
parserOptions 参考文档
ESLint 的 parserOptions 选项，用于指定解析器的配置，它是一个对象类型，其中包含了以下属性：
ecmaVersion：指定 ECMAScript 版本，可选值为 3, 5 (默认), 6/2015, 7/2016, 8/2017, 9/2018, 10/2019, 11/2020 等。
sourceType：指定代码类型，可选值为 module (默认) 或 script。
ecmaFeatures：启用额外的语言特性，可选属性有：
- globalReturn：允许在函数外使用 return 语句。
- impliedStrict：启用严格模式，支持全局 "use strict" 。
- jsx：启用 JSX 语法解析。
除以上选项外，ESLint 还支持其他解析器的参数，例如 babel-eslint 和 TypeScript。其中，parser 选项用于指定解析器，如果没有指定，则默认使用 espree，如果需要支持特定语言或特定的配置，就需要指定对应的解析器。
如何支持 JSX 语法检查
在经典的 React 应用中，通常都会使用 JSX，以更高效和直观的方式定义 UI 布局。但是，ESLint 在默认的解析模式下并不会解析 JSX 语法，需要手动启用。
我们可以使用 parserOptions 中的 ecmaFeatures 属性，将 JSX 设置为 true 来启用对其的支持。例如：
-- -------------------- ---- -------
-------------- - -
-------------- -
------------ -----
----------- ---------
------------- -
---- ----
-
-
--这样，在运行 ESLint 检查时，就可以支持和检查 JSX 语法了。
如何支持 TypeScript 语法检查
TypeScript 是 JavaScript 的一个超集，在大型项目中特别受欢迎。ESLint 默认不支持解析 TypeScript 的语法，需要手动启用插件并设置特定配置。需要安装以下依赖：
npm install --save-dev typescript @typescript-eslint/parser @typescript-eslint/eslint-plugin
@typescript-eslint/parser 是解析 TypeScript 代码的解析器， @typescript-eslint/eslint-plugin 包含了一些额外的规则和对 TypeScript 的更好支持。
然后，我们需要将 parser 配置设置为 @typescript-eslint/parser，以启用 TypeScript 格式的解析插件，并且添加插件名称为 "plugin:@typescript-eslint/recommended" 参数，启用默认推荐规则：
-- -------------------- ---- -------
-------------- - -
------- ----------------------------
-------- -----------------------
-------------- -
---------------- ----------
-------- ---------------------------
--
-------- -
---------------------
----------------------------------------
--
--如何启用更多的语言特性
在 codebase 中可能会使用到 ECMAScript 的一些特性，例如异步/await，箭头函数，展开操作符，动态导入等。我们可以使用 ECMAScript 版本指定功能，启用更多的语言特性。
例如，我们想要启用异步/await 的支持，添加 ecmaVersion 为 8 即可：
module.exports = {
parserOptions: {
ecmaVersion: 8,
sourceType: 'module'
}
};总结
在实际开发中，我们需要使用 ESLint 工具来保证代码质量和规范性。当我们遇到代码中包含 JSX 或 TypeScript 语法，就需要了解和配置 parserOptions 来正常解析语法和规
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/651d0af495b1f8cacd48ed49