eslint+prettier+husky+lint stage

为避免生产故障,提升代码质量,文章提出使用ESLint结合airbnb的配置规则来实现代码规范自动化检查和格式化。通过安装并配置ESLint插件,可以确保团队遵循统一的编码风格,并减少冗余代码。

背景:
工欲善其事必先利其器,你是否跟我一样 写了很久的代码 却没有任何代码约束 导致一些细枝末节没注意到,酿成了一场场生产故障?又或是看到别人的代码写的很高级 ,很优雅 没有拖泥带水,没有任何的冗余代码?你有注意到了问题 你注意到了自身存在的问题 可你是否着手解决了呢?

终极目标:

团队中的所有开发人员用一套代码规范规则,并且无需我们花太大的精力去为了格式而格式。希望有一套自动化工具,帮我们检测代码是否规范,如果不规范,则自动能够帮我们按照既定规范格式化。
为了解决以上问题,我们就需借鉴别人优秀的工具为我所用
参考连接:https://zhuanlan.zhihu.com/p/549710463
步骤:
若是老项目则在项目中新建以下几个文件

![在这里插入图片描述](https://img-blog.csdnimg.cn/d9a313978b444565a72deeaa9af17833.png

比较好的eslint规则配置参考
在这里插入图片描述
npm install eslint-plugin-jsx-a11y --save-dev
npm install eslint-plugin-import --save-dev
npm install eslint-config-airbnb --save-dev
配置文件.eslintrc.js中添加

extends: ‘airbnb’,

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值