使用百度开源的ESLint规范集让团队内部代码规范保持一致

最近在做团队内部代码规范的事情,有一些经验与大家分享一下。在阅读本文期间,如果你觉得某些地方考虑不妥,或者有更好的方案,欢迎留言告诉我,非常感谢。

文库前端发展10余年,经历的技术栈换了一波又一波,你应该能够想到前端代码的历史包袱有多重。由于前端模块有 30+ 个,各个模块使用的 ESLint 配置并不统一,有些模块使用的都不是 ESLint,导致各个模块的代码规范并不一致。

先说结论,经过一系列处理后可做到:

1、团队内部所有的模块采用统一的代码规范;

2、规范配置集成到脚手架工具中,创建项目后自动采用统一的 ESLinit 配置;

3、配合 ESLint VSCode 插件,实时发现问题,保存代码自动解决代码规范问题;

4、与代码托管平台使用的规范一致,开发时即可发现问题;

如何做到?ESLint 是什么?

ESLint 是一个静态分析工具,可以帮助你发现并解决 JavaScript 代码中的问题。也就是说它既能发现代码中的规范问题,以此来保证团队内部代码规范一致,也能够找出代码中的缺陷,提前发现代码中的 bug。

关于更多 ESLint 的知识可以直接到 ESLint 官网中学习

https://eslint.org/docs/user-guide/getting-started

安装规则集

由于内部代码托管平台采用的百度自己开源的 @ecomfe/eslint-config 规则集,为了统一,在前端模

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值