vscode 新版eslint自动修复_Vue项目vscode 安装eslint插件的方法(代码自动修复)

ESlint：是用来统一JavaScript代码风格的工具，不包含css、html等。

方法和步骤：

通常情况下vue项目都会添加eslint组件，我们可以查看webpack的配置文件package.json查看,也可以查看工程下是否有.eslintrc.js和.eslintignore查看到eslint是否开启。

当我们编写不符合eslint规范的代码时，启动项目会报错，比如

这个时候可以安装vscode eslint插件，就可以自动检测不符合规范的代码。打开vscode左侧扩展面板，搜索eslint，点击安装，重启后生效

安装好之后，还需要在vscode文件中进行设置：

通过  file->preferences->Settings 出现如下界面：

点击红框，则会出现配置文件

把以下代码复制到这个文件中：

{

// vscode默认启用了根据文件类型自动设置tabsize的选项

"editor.detectIndentation": false,

// 重新设定tabsize

<