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

第三步:需要打开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 }
],
}