如何将整个项目按照eslint格式化

本文介绍了如何使用eslint和Prettier对整个项目进行自动化格式化,避免手动操作,尤其在团队合作中,统一代码风格,减少因格式差异造成的冲突。通过按文件夹格式化,可以高效地格式化已有的代码库,提升开发效率。

一:前情回顾


之前已经分享了如何设置eslint和Prettier对项目进行格式化,但是这样的格式化只限于文件被修改时,才会触发自动格式化代码。

那么,问题来了,已经形成很久的代码,难道我们也要一个一个文件去点开,然后敲个空格,在进行保存吗?

这就太不优雅了。

二:按文件夹格式化


为什么我说按文件夹格式化呢?因为,像node项目,是有依赖文件夹node_modules文件夹的,这个文件夹是不上传git仓库,且不需要格式化的。
那么我们只需要在其他文件夹上,进行右键,选择Reformat Code,如有需要可以勾选Include subdirectories(包括子目录),然后点击Run
稍等片刻,让编辑器跑一会儿,你就得到了完成格式化的项目。

image.png
image.png

三:结语


有人说,这样搞的话,git全是你的提交,但是,反过来想一下,团队内执行了全项目的代码格式化,然后,都是用同一套格式化规范,我们就可以避免了不同的人因为格式化导致的代码冲突。很明显,这是利大于弊的。何乐而不为呢!

项目中如何增加eslint和Prettier:https://www.yuque.com/morange/morange/gn4wgi

寄语

迈出第一步,就成功一半了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

乾复道

与君共勉

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值