先看看效果

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

我安装的插件

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'  }}