vue-cli3添加eslint配置

1.配置package.json{"name": "njpuhuiapp","version": "0.1.0","private": true,"scripts": {"serve": "vue-cli-service serve","build": "vue-cli-service build","uat-build": "vue-c...

AI前端高级工程师

3477人浏览 · 2019-09-17 10:33:22

AI前端高级工程师 · 2019-09-17 10:33:22 发布

1.配置package.json

{
  "name": "njpuhuiapp",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "uat-build": "vue-cli-service build --mode uat",
    "lint": "vue-cli-service lint",
    "lint-fix": "vue-cli-service lint --fix"

  },
  "dependencies": {
    "axios": "^0.18.0",
    "core-js": "^2.6.5",
    "lib-flexible": "^0.3.2",
    "postcss-px2rem": "^0.3.0",
    "qrcodejs2": "^0.0.2",
    "weixin-js-sdk": "^1.4.0-test"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^3.9.0",
    "@vue/cli-plugin-eslint": "^3.9.0",
    "@vue/cli-service": "^3.9.0",
    "babel-eslint": "^10.0.1",
    "compression-webpack-plugin": "^3.0.0",
    "eslint": "^5.16.0",
    "eslint-plugin-vue": "^5.0.0",
    "node-sass": "^4.9.0",
    "sass-loader": "^7.1.0",
    "vue-template-compiler": "^2.6.10"
  }
}

2.运行命令行

cnpm i

3.在根目录下配置.eslintrc.js

法一【或略一些错误：'no-html2canvas':'off'】

法二【或者代码后加上：//eslint-disable-line】推荐使用第二种

module.exports = {
  root: true,
  env: {
    node: true
  },
  'extends': [
    'plugin:vue/essential',
    'eslint:recommended'
  ],
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
    'no-html2canvas':'off',
    'no-BMAP_STATUS_SUCCESS':'off',
  },
  parserOptions: {
    parser: 'babel-eslint'
  }
}

4.自动修复命令