**着急的同学可以忽略下文，直接跳到第三段**
刚开始接触前端项目的时候，听老师说项目中代码要规划化，保持统一的代码风格，就给推荐了使用eslint（eslint确实是目前前端业界包括很多大公司都在使用的规划）。不知道当时是eslint是自动格式化插件没有出来还是怎么样，老师带领我们看了一下eslint规范，运行项目时报错就随便教我们如何忽略某些eslint校验规则，之后就直接把eslint忽略文件配置不检查所有文件了（超无奈）。
最近，需要自己搭建一个较大型的后台系统，感觉要是代码还不规范起来，以后，看我代码的人肯定要打死我了。所以无奈之下又把eslint规范捡起来，起初以为还是要一个个忽略那些不那么重要的配置呢，就手动修改了。奈何要修改的地方实在太多，就想网上必须有遵循eslint规范的自动格式化工具。果不其然，还被我找到了哈哈哈哈
第一步：需要安装eslint插件，在vs code扩展里面搜索就行了，
第二部：需要打开文件——首选项——设置
![在这里插入图片描述](https://img-blog.csdnimg.cn/2020090417200076.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTQ4MTMxMQ==,size_16,color_FFFFFF,t_70#pic_center)

第三步：需要打开file的json配置文件，

第四步：在文件中添加如下配置，之后保存文件就会自动调整你的代码格式了

{
    "eslint.enable": true,
    "eslint.autoFixOnSave": true,
    "eslint.run": "onType",
    "eslint.options": {
        "extensions": [".js",".vue"]
    },
    "eslint.validate": [
      "javascript",
      "javascriptreact",
     {
      "language": "html",
      "autoFix": true
     },
     { "language": "vue", "autoFix": true },
     { "language": "js", "autoFix": true }
   ],

}