【Vue】通过eslint插件来实现自动修正_eslint自动修复命令

一、用法

1. eslint会自动高亮错误显示
2. 通过配置，eslint会自动帮助我们修复错误

• 如何安装

• 如何配置

因为格式化会和保存时修复错误冲突

这里注意，如果以前配置过保存时格式化，会与这次的冲突，所以需要把上面配置为true的删掉

// 当保存的时候，eslint自动帮我们修复错误，codeActionsOnSave：代码在保存的时候，fixAll：修复所有错误
"editor.codeActionsOnSave": {
    "source.fixAll": true
},
// 保存代码，不自动格式化
"editor.formatOnSave": false
1
2
3
4
5
6

• 注意：eslint的配置文件必须在根目录下，这个插件才能才能生效。打开项目必须以根目录打开，一次打开一个项目
• 注意：使用了eslint校验之后，把vscode带的那些格式化工具全禁用了 Beatify，即不再使用其内置或已安装的其他格式化插件

二、注意

ESLint插件并不是说可以将所有的错误帮我们解决，有一些是跟代码编写相关的，这个就需要我们自己手动解决。因此手动解决和自动解决这两个是都需要掌握的，例如声明变量不使用就会报错。

此时就需要手动使用