VS code配置eslint保存时,自动格式化代码

tech2026-09-24  1

**着急的同学可以忽略下文,直接跳到第三段** 刚开始接触前端项目的时候,听老师说项目中代码要规划化,保持统一的代码风格,就给推荐了使用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 } ], }
最新回复(0)