前端规范指南,让团队代码如出一辙!ESLint + Prettier + husky + lint-staged
大家好,我是王天,这篇文章从两个方向出发:1、git提交规范;2、代码风格统一
假如团队中的小伙伴在提交代码时没有遵循规范要求,例如只写了一个"修改"或"更新,这会给团队中其他小伙伴造成困扰呢,不得不花时间查看代码和推测逻辑。
不仅会浪费了时间和精力,可能会导致以下问题:
- 可读性差
- 维护困难
- 变更历史不透明
- 自动化工具的不兼容
如何统一代码风格,规范提交呢呢? 推荐使用 ESLint + Prettier + husky + lint-staged
1、eslint 代码检测工具,检测并提示错误或警告信息
2、 husky Git hooks 工具, 可以在执行 git 命令时,执行自定义的脚本程序
3 、 lint-staged 对暂存区 (git add) 文件执行脚本 检测 校验
4、 prettier 代码自动化格式化工具,更好的代码风格效果
5、 Commitizen 生成符合规范化提交信息的工具
6、commitlint 定义提交规则, 并检测内容是否符合定义的规范!
文中包含大量的代码片段,为了更好的阅读体验,建议大家移步 语雀文档 https://www.yuque.com/itwangtian/ycsiao/pe1n3uneypxse0fq?singleDoc
评论
问答助学
相关内容
0个评论
全部评论
点击登录,快来和大家讨论吧~
表情
图片
暂无评论
作者分享
【开发AGIC】Vue3+NestJS+DeepSeek AI作业批改系统(已开源)
26
前端每日一练003,js如何分割数组?
如内容有误,期待指正哈
12
前端每日一练 JavaScript系列,请查收!
内容如误,期待鱼友指正哈
#前端#
17
前端每日一练😎 001篇
内容如有误,期待各位鱼友指正哇😯
未来要更新100篇的[呲牙]
15
评论区功能实现方案_支持多级回复消息通知
今刷动态看到鱼友在求助评论区功能实现思路,刚好王天最近刚做完评论、盖楼功能。
用的是uniapp 云开发,但大体的逻辑是类似的。有需要的朋友可以参考一下
1、至少两个数据表:评论表、用户表
评论表包含、当前评论id、父评论id、顶层的评论id、评论用户id、被评论用户id
2、用户表,就是存储用户基本信息
查询数据的时候,联表查询,其实返回也就是二维数组,根据评论id和被评论id就能查依赖关系
3、对了,消息实时通知功能,有以下方案
1、app、建议用第三方的推送,极光、unipush
2、h5 用websocket
3、 微信应用、小程序,模板消息、订阅消息
21
