Vue项目中ESLint的配置

最新推荐文章于 2024-08-07 09:21:59 发布

in_don

最新推荐文章于 2024-08-07 09:21:59 发布

阅读量592

点赞数

分类专栏：代码检测文章标签： vue 前端 javascript node.js

本文链接：https://blog.csdn.net/in_don/article/details/117993413

版权

代码检测专栏收录该内容

2 篇文章 0 订阅

订阅专栏

                            Vue项目中ESLint的配置

1.在package.json中添加Eslint依赖

"devDependencies": {
    "eslint": "^4.15.0",
    "eslint-config-standard": "^10.2.1",
    "eslint-friendly-formatter": "^3.0.0",
    "eslint-loader": "^1.7.1",
    "eslint-plugin-import": "^2.7.0",
    "eslint-plugin-node": "^5.2.0",
    "eslint-plugin-promise": "^3.4.0",
    "eslint-plugin-standard": "^3.0.1",
    "eslint-plugin-vue": "^4.0.0"
  }

2.找到.eslintrc…js修改ESLint的配置，在rule中添加对应的规则

module.exports = {
  root: true,
  parserOptions: {
    parser: 'babel-eslint'
  },
  env: {
    browser: true,
    es6: true,
    node: 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: [
    'vue'
  ],
  // 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'
  }
}