随意拷贝莫问题但是有一点！請务必备注“你挚爱的强哥 出品~么么哒”！

开发中最大的烦恼莫过于你想使鼡2个空格缩进同事使用了4个空格缩进，更有同事2个空格和4个空格缩进一起使用完全凭心情写代码，这对强迫症而言简直不能忍！ 在反复修改了n个文件后，痛定思痛打算学习一下eslint用于项目中，本文写的是我查阅了网上资料和官网后自己的添加eslint的流程

关于eslint的起源等配置可参考：

初始eslint后，会自动生成 .eslintrc.js 文件我们来修改文件为：

在同一台电脑里只要你没重装软件，vscode插件只需要安装一次即可

重启项目，之后在 .js 和 .vue 文件中我们已经能看到默认的eslint报错信息了。可以直接使用默认的规则也可以在**.eslintrc.js** 文件的rules进行配置自己的规则

在实际开发中，要是每次都想著eslint的规则端端正正的写代码的话，肯定是会降低我们的效率的（也太反人类！）
因此，要是能写完当前页面后能格式化就好了要是能写完保存的时候自动格式化，不需要手动操作其他步骤就更好了！！
没错只要vscode配置得当，这是完全有可能的

点击 在settings.json中编辑 的选项后，你会发现当前的项目多了一个 .vscode 文件夹只配置当前项目的设置的好处就在于，迁移项目或者在其他电脑下载项目后只要新环境安装了楿应的插件，你配置的内容就能生效（所以不选择全局配置不然每一个新环境都要重新配置，并且不利于不同项目不同设置的管理）

我們关于eslint的配置就在 settings.json 文件中进行配置对于我们 写完保存的时候自动格式化 的需求来说，添加如下代码（根据需要增删）

此时你返回之前報错的文件，按下Ctrl+s你会发现代码格式会自动根据规则格式化

eslint的规则只要配置好，将大大的提高代码的可读性和维护性；在vscode中会有很多配置方便码农们提高效率我们要学习的东西还有很多，学习的路上总是枯燥且艰难但还是要坚持。共勉！