webstorm（2017.3.2）搭建eslint，錯誤提示和自動修復

先看看效果

有錯誤提示和快捷鍵自動修復。

我安裝的插件

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