【vue2第十九章】手动修改ESlint错误 和 配置自动化修改ESlint错误

目标:认识代码规范

代码规范:一套写代码的约定规则。例如:“赋值符号的左右是否需要空格”，"一句结束是否是要加;”等

为什么要使用代码规范？
在团队开发时，提高代码的可读性。

在创建项目时，我们选择的就是一套完整的代码规范，也是使用率最高的一套，如下图：

手动修改ESlint错误

当代码不规范时，终端窗口会直接报错，并且提示 是哪一个文件，哪一行哪一列，还有错误规则。就可以根据提示去修改。

如果不会修改可以使用 规范网站：javaScript Standard Style 规范说明 在这个网页中通过后面提示的规范说明去查找错误原因。

自动修改ESlint错误

在vscode中安装一个插件。

打开vscode文件配置：

添加以下配置项：

	// 当保存的时候，eslint自动帮我们修复错误
    "editor.codeActionsOnSave":{
        "source.fixAll": true
    },
    // 保存代码，不自动格式化
    "editor .formatOnSave": false

接下来保存代码就会自动修复错误，自动规范了。