.eslintrc.js文件常用配置

Hello^_^Monkey

已于 2022-02-28 08:12:56 修改

阅读量1k

点赞数

分类专栏： Eslint 常用配置文章标签： javascript vue.js 前端

于 2022-01-17 21:04:55 首次发布

本文链接：https://blog.csdn.net/weixin_48010432/article/details/122548396

版权

本文详细介绍了JavaScript和Vue.js项目中.eslintrc.js文件的常见配置选项，包括配置1和配置2，旨在帮助前端开发者更好地管理和规范代码风格。

摘要由CSDN通过智能技术生成

配置1：

module.exports = {
  root: true,
  env: {
    node: true
  },
  extends: [
    'plugin:vue/essential',
    // '@vue/eslint-config-standard'
    '@vue/standard'
  ],
  parserOptions: {
    parser: 'babel-eslint'
  },
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    // quotes:[2,'double']
    // 设置 函数名与括号之间 不用空格
    'space-before-function-paren': ['error', 'never'],
    indent: ['off', 2],
    'space-before-function-paren': 0
  }
}

配置2：

module.exports = {
  root: true,
  parserOptions: {
    parser: 'babel-eslint',
    sourceType: 'module'
  },
  env: {
    browser: true,
    node: true,
    es6: true,
  },
  extends: ['plugin:vue/recommended', 'eslint:recommended'],

  // add your custom rules here
  //it is base on https://github.com/vuejs/eslint-config-vue
  rules: {
    "vue/html-self-closing": 0,
    "vue/max-attributes-per-line": [0, {
      "singleline": 10,
      "multiline": {
        "max": 1,
        "allowFirstLine": false
      }
    }],
    "vue/singleline-html-element-content-newline": "off",
    "vue/multiline-html-element-content-newline&#