在Vue项目中使用VScode正确设置Eslint Airbnb

Question

这是我的Vuejs代码，没有掉毛。

我运行后

  

npm运行lint --fix

代码是这样的

但是我再次进行一些更改，然后按Control +C。它已格式化为旧代码，并给了我同样的掉毛错误。

我认为当我按下Control + C时，我的代码是自动格式化的。

这是我的Vue项目eslint.rc文件

module.exports = {
  root: true,
  env: {
    node: true,
  },
  extends: [
    'plugin:vue/essential',
    '@vue/airbnb',
  ],
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
  },
  parserOptions: {
    parser: 'babel-eslint',
  },
};

我没有在VScode上安装高级插件。但是我安装了Vueter插件和Eslint插件。

我的目标是使用Eslint Airbnb规则格式化Vuejs代码。当我保存代码时。 现在，它弄乱了代码。我该如何解决？

Answer 1

我要添加

"editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
}

对我的VS Code设置（Preferences: Open Settings (JSON)）有所帮助。另外：别忘了重新加载/重启VS Code。