先看看效果

有错误提示和快捷键自动修复。

我安装的插件

1.准备 在node环境安装eslint等插件

注意： 需提前安装好node环境

// 除了eslint是必须的，可以按需安装
npm i -g eslint eslint-config-standard eslint-plugin-html eslint-plugin-import eslint-plugin-node eslint-plugin-promise

2. 在webstorm配置

node和eslint的路径是软件自动获取的，记得选中enable；去设置里面设置你的自动修复快捷键

3. 最后一步，在项目中配置.eslintrc.js或.eslintrc, webstorm会自动调用。

// https://eslint.org/docs/user-guide/configuring
// 自己按需配置咯
module.exports = {
  root: true,
  parser: 'babel-eslint',
  parserOptions: {
    sourceType: 'module'
  },
  env: {
    browser: true
  },
  // https://github.com/standard/standard/blob/master/docs/RULES-en.md
  extends: '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'
  }
}