家喻户晓eslint只是个语法查看工具，要想做到真正的主动批改语法错误，还要考prettier。上面介绍两种形式，能够在VScode工具里应用。首先，所有的前提是你的vscode曾经装置了prettier插件，而且我倡议你开启保留时主动调整代码，文章最初附上。
上面步骤用图片代替：
而后接下来的步骤两个可选项：
第一个
第二个
好了，当初应用vuecli4.0生成的vue就胜利了。
间接用VScode关上我的项目，而后在主目录增加这样这个文件：prettier.config.js。
文件的内容次要如下：
module.exports = { printWidth: 80, tabWidth: 2, useTabs: false, semi: false, // 开端不加尾号 singleQuote: true, // 默认单引号 quoteProps: 'as-needed', jsxSingleQuote: false, trailingComma: 'none', // es5对象属性最初加逗号。none不加 bracketSpacing: true, jsxBracketSameLine: false, arrowParens: 'always', htmlWhitespaceSensitivity: 'ignore', vueIndentScriptAndStyle: false, // script、style标签不缩进 endOfLine: 'lf',}当然这样还没行，在.eslintrc.js文件要多一个规定：
这里是代码：
'space-before-function-paren': 'off'至此，我的项目就配置实现了。运行npm run serve能够我的项目失常运行。
补充
如何在VScode开启prettier保留时运行呢？上面是步骤：
关上设置->搜寻save
揭示
如果我的项目理论开发过程中有哪些eslint的报错，间接在文件中敞开即可。如果有问题能够在上面发问，个别的问题博主大略可能应该能够答复。