如何给vue文件使用eslint --fix

Question

配置如下

module.exports = {
  root: true,
  parser: 'babel-eslint',
  parserOptions: {
    sourceType: 'module'
  },
  env:{
    "browser": true,
    "node": true,
    "es6": true
  },
  // required to lint *.vue files
  // extends: 'vue',
  plugins: [
    'html',
    // 'vuefix'

  ],
  // add your custom rules here
  rules: {...}
}

装了eslint-plugin-html也不行，使用extends:'vue'或者plugins:['vuefix']又会提示找不到eslint-plugin-vuefix，但我已经安装了。

求教，不能自动fix，自己改会死人。。。

Answer 1

自问自答，
关键在于plugins:[]这里，
如果将vuefix放在前面或者不用html就可以autofix了，
但不可以放在html后面。

Answer 2

Can't find modules 'some config', 是因为你全局安装了eslint，但是你的config文件是安装在当前项目的，你如果直接eslint --fix file，这时调用的是全局的eslint而你的config在本地，所以无法找到。

你可以使用项目里的本地eslint进行自动修复，eg: node_modules/.bin/eslint --fix 'file' 这样操作。

引自：https://github.com/standard/e...

Answer 3

最好是将html删除，因为我及时将vuefix放到了html前面，虽然不报错，但是autofix不成功。