.eslintrc.js常用配置
时间: 2023-09-12 20:11:53 浏览: 136
在.eslintrc.js文件中,一些常用的配置项包括:
1. extends:通过指定不同的插件和规则来扩展eslint配置。可以选择使用"plugin:vue/recommended"来启用Vue.js相关的规则,也可以使用"plugin:react/recommended"来启用React相关的规则。
2. rules:用于配置具体的eslint规则。可以根据需要启用或禁用不同的规则,如"vue/no-unused-vars": "error"用于检测未使用的Vue组件变量。
3. env:用于指定代码运行的环境。常见的包括"browser"表示在浏览器环境,"node"表示在Node.js环境。
4. globals:用于指定全局变量。可以将需要全局访问的变量添加到该配置中,避免eslint报错。
5. parserOptions:用于指定代码解析器的选项。例如,可以指定"parserOptions: { ecmaVersion: 2020 }"来指定使用ES2020语法。
6. plugins:用于指定使用的eslint插件。可以根据需要安装插件,并在plugins配置中引入插件。
以上是一些常用的.eslintrc.js配置项,根据具体需求和项目类型,可以选择启用不同的规则和插件来进行代码检查和格式化。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>
相关问题
.eslintrc.js在哪里
.eslintrc.js是一个JavaScript的配置文件,用于配置ESLint(一种常用的JavaScript代码检查工具)。通常情况下,.eslintrc.js文件应该放置在项目的根目录下。如果你的项目中没有.eslintrc.js文件,可以在项目根目录下使用命令行工具输入以下命令来生成一个默认的.eslintrc.js文件:
```
npx eslint --init
```
执行完该命令后,会让你回答一些问题,最终生成一个适合你的项目的.eslintrc.js文件。
项目.eslintrc.js文件配置
好的,针对你的问题,我可以给出以下配置示例:
```javascript
module.exports = {
root: true,
env: {
node: true
},
extends: [
'plugin:vue/essential',
'eslint:recommended'
],
parserOptions: {
parser: 'babel-eslint'
},
rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
'indent': ['error', 2],
'quotes': ['error', 'single'],
'semi': ['error', 'never']
}
}
```
这是一个基于 Vue.js 的项目的 eslint 配置文件,其中包含了一些常用的规则,如禁止使用 console 和 debugger、缩进为两个空格、使用单引号等。
阅读全文