ESLint

在开发过程中，一般都有自己的lint工具，对于前端，大部分使用的是ESLint，并且在类似于vue-cli等脚手架（是不是叫脚手架待我学习）中有直接集成。

在开发过程中，缺个空格，ESLint会给你报错，多个分号，还会给你报错。

对于怎么去掉eslint就不说了，因为这个是个不推荐的做法。

后来听我的一个朋友说，vscode居然有保存时自动修复的功能，这里不是说让你不关注代码规范，而是在解决你粗心的时候快速的帮你解决一些问题，越少让eslint发现问题越好，但是作为初学者，不建议你开启这个功能。

那么我们就来介绍介绍怎么进行设置。
打开vscode之后点击右上角的首选项，点击设置，选择用户，点击在settings.json中编辑。

在最外层大括号中加上这样一段，就开启了保存自动修复的功能了，下面一段是从网上抄下来的，后续我会研究每个字段的功能作用

"eslint.autoFixOnSave": true, //  启用保存时自动修复,默认只支持.js文件
    "eslint.validate": [
        "javascript", //  用eslint的规则检测js文件
        {
            "language": "vue", // 检测vue文件
            "autoFix": true //  为vue文件开启保存自动修复的功能
        },
        {
            "language": "html",
            "autoFix": true
        },
        {
            "language": "js",
            "autoFix": true
        },
        {
            "language": "scss",
            "autoFix": true
        }
    ],
    "files.associations": {
        "*.vue": "vue"
    },
    "files.autoGuessEncoding": true,
    "editor.formatOnPaste": true,
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    }
}