vue-eslint配置文件

最新推荐文章于 2025-07-14 15:42:05 发布

晴天有点孤单

最新推荐文章于 2025-07-14 15:42:05 发布

阅读量3k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Eslint Vue 晴天有点孤单文章标签： vue eslint 代码规范

本文链接：https://blog.youkuaiyun.com/qq_39517820/article/details/79195682

晴天有点孤单同时被 3 个专栏收录

124 篇文章

订阅专栏

Vue

31 篇文章

订阅专栏

Eslint

3 篇文章

订阅专栏

本文介绍了如何在Vue项目中配置ESLint以提高代码质量。通过设置特定规则和忽略某些文件，可以有效减少代码错误并保持代码风格一致性。

在vue的配置文件.eslintrc.js中配置以下选项这样只需要右键格式化以下文件夹，大部分eslint规则报错就会被干掉了

// https://eslint.org/docs/user-guide/configuring

module.exports = {
  root: true,
  parserOptions: {
    parser: 'babel-eslint'
  },
  env: {
    browser: true,
  },
  extends: [
    // https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention
    // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.
    'plugin:vue/essential', 
    // https://github.com/standard/standard/blob/master/docs/RULES-en.md
    'standard'
  ],
  // required to lint *.vue files
  plugins: [
    'html'
  ],
  // add your custom rules here
  rules: {
    // allow async-await
    'generator-star-spacing': 'off',
    // allow debugger during development
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
    // js语句结尾必须使用 ;
    // 'semi': ['off', 'always'],
    'semi': ['error', 'always'],
    // 三等号
    'eqeqeq': 0,
    // 强制在注释中 // 或 /* 使用一致的空格
    'spaced-comment': 0,
    // 关键字后面使用一致的空格
    'keyword-spacing': 0,
    // 强制在 function的左括号之前使用一致的空格
    'space-before-function-paren': 0,
    // 引号类型
    "quotes": [0, "single"],
    "vue/no-parsing-error": [2, { "x-invalid-end-tag": false }]
  }
}

另外如果有些文件不想被eslint检测可以在.eslintignore文件夹中这样配置

build/*
config/*
test/*
src/store/*
src/utils/*
src/router/*
src/personalCenter/view/orders/info.vue

最后给大家一个eslint规则的api，方便大家开发
http://eslint.cn/docs/rules/