.eslintrc.js 有什么作用

.eslintrc.js 是一个配置文件，用于自定义 ESLint 的规则和设置。

1. 作用

1.1 定义规则

可以启用、禁用或修改特定的 ESLint 规则，以适应项目的特定需求和编码风格。

1.2 配置环境

指定代码运行的环境，如浏览器、Node.js 等，以便 ESLint 能够根据不同的环境应用合适的规则。

1.3 扩展配置

可以基于现有的共享配置进行扩展，或者引入其他的配置文件。

1.4 插件和处理器

启用和配置所需的 ESLint 插件，以及处理特定类型的文件（如 TypeScript、Vue 等）。

2. 示例

module.exports = {

  env: {

    browser: true,

    es2021: true,

  },

  extends: "eslint:recommended",

  parserOptions: {

    ecmaVersion: 12,

  },

  rules: {

    semi: ["error", "always"],

    quotes: ["error", "double"],

  },

};

在这个示例中：

env：部分指定了代码运行的环境。

extends：继承了 ESLint 推荐的规则集。

parserOptions：配置了解析器选项。

rules：部分自定义了一些具体的规则，如要求使用分号和双引号。

总结：假设你正在开发一个大型的 JS 项目，并且团队对于代码风格有严格的要求。通过 .eslintrc.js ，你可以明确规定诸如变量命名规则、函数声明方式等各种细节，确保整个项目的代码具有高度的一致性和规范性。