eslint.config.js文件怎么配置
时间: 2024-08-22 10:00:31 浏览: 114
`.eslintrc.js` 文件是一个用于配置 ESLint 的配置文件,ESLint 是一个静态代码分析工具,用于识别和报告在 JavaScript 代码中的模式。通过配置文件,你可以定义规则集合来规定代码应该如何写,还可以设置全局变量等。以下是一个基本的 `.eslintrc.js` 文件配置示例:
```javascript
module.exports = {
// "extends" 属性值可以继承其他配置文件的规则
"extends": [
// 例如,继承推荐的规则集
"eslint:recommended",
// 或者继承特定的配置文件,如一个共享配置
// "./node_modules/coding-standard/eslintDefaults.js"
],
// "parserOptions" 可以设置解析器选项
"parserOptions": {
// ECMAScript 版本
"ecmaVersion": 2018,
// 源码类型,可以是 "script"(默认)或 "module"(如果你的代码是ECMAScript模块)
"sourceType": "module",
// 你想使用的额外的语言特性,如 "jsx"
"ecmaFeatures": {
"jsx": true
}
},
// "env" 指明代码运行的环境,每种环境都有预定义的全局变量
"env": {
"browser": true,
"es6": true,
"node": true
},
// "globals" 指明可以使用的全局变量
"globals": {
// 允许覆盖变量
"Atomics": "readonly",
"SharedArrayBuffer": "readonly"
},
// "rules" 定义项目的规则,覆盖继承的规则或在 "extends" 中指定的规则
"rules": {
// 示例规则,禁止使用 var,要求使用 let 或 const
"no-var": "error",
// 另一个示例规则,要求使用单引号
"quotes": ["error", "single"]
}
};
```
在上面的配置中,`extends` 属性可以让你继承一套现有的规则,`parserOptions` 允许你指定要支持的 JavaScript 语言选项,`env` 定义了代码运行的环境,`globals` 定义了全局变量,而 `rules` 则是自定义的规则集合,这些规则的值可以是 `"off"`、`"warn"` 或 `"error"`,分别代表关闭该规则、将该规则视为一个警告、将该规则视为一个错误。
阅读全文