webstorm20使用eslint

在根目录下新建.eslintrc.js，用vue-cli生成的项目可以自己选择安装eslint相关插件，会在根目录自动生成.eslintrc.js
需要安装的插件(vue-cli生成的项目不需要安装)

yarn add @vue/cli-plugin-babel @vue/cli-plugin-eslint @vue/eslint-config-prettier babel-eslint eslint eslint-plugin-prettier eslint-plugin-vue prettier -D

module.exports = {
  root: true,
  env: {
    node: true
  },
  extends: [
    "plugin:vue/essential",
    "eslint:recommended",
    "@vue/prettier"
  ],
  parserOptions: {
    parser: "babel-eslint"
  },
  rules: {
    'space-before-function-paren': 0,
    'no-console': 0,
    'arrow-parens': 0,
    'eqeqeq': [2, 'always'], // 要求使用 === 和 !==
    'semi': [2, 'never'], // 要求或禁止使用分号代替 ASI
    'quotes': [2, 'single']  // 强制使用一致的反勾号、双引号或单引号
  }
};

根目录下新建.eslintignore

assets/
server/
static/
/*.js

image.png