关于vue.js：在Vue项目中用VScode正确设置Eslint Airbnb

Correctly setup Eslint Airbnb with VScode in Vue project

这是我没有 linting 的 Vuejs 代码。

enter

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

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 上安装 pretier 插件。但是我安装了 Vueter 插件和 Eslint 插件。

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

为我添加

1
2
3

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

对我的 VS Code 设置 (Preferences: Open Settings (JSON)) 有帮助。另外：不要忘记重新加载/重新启动 VS Code。