vite vue3 规范化与Git Hooks - 基于 vite 创建 vue3 全家桶项目(续篇)

本文介绍了如何在基于 vite 的 Vue3 项目中实现代码规范和 Git 提交规范。通过 Angular 规范约束提交信息,使用 commitizen 和 commitlint 强制执行提交规范,并利用 husky 配置 pre-commit 和 commit-msg 钩子确保代码质量和提交信息的标准化。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在 《JS 模块化》系列开篇中,曾提到前端技术的发展不断融入很多后端思想,形成前端的“四个现代化”:工程化、模块化、规范化、流程化。在该系列文章中已详细介绍了模块化的发展及四种模块化规范。本文简单聊聊规范化中的 git 规范。

1 规范化

在企业级开发中,“一千个读者有一千个哈姆雷特”是很常见的事,每个程序员对技术的理解、视角和掌握程度参差不齐,导致编写的代码五花八门。规范化包括很多,我在企业实践中重点关注两个方面:代码规范git 提交规范

代码规范最基础的是代码格式,不同的代码格式虽然运行起来没有问题,但代码超级难看,代码乱七八糟、一堆 warning,虽然不影响运行,但看着太恶心,就像下面的情形:

  • 估计是为了节省纸张,空格全省略,代码全挤在一起:
const a=b+c

const fn=()=>{
   }

fn(){
   }

for(let i=0; i<10; i++){
   }
  • 单引号、双引号混合使用,上一行用单引号,下一行偏要用双引号;
  • 上一行加分号,后一行省略分号;
  • 定义了一些从没有使用的变量;
  • 分支判断中只有一句话坚决不写花括号;

我不能说上面的风格是错误的(写代码就像玩音乐一样,不能说绝对的对错,只是理解不同罢了),无论怎么写,至少一个团队还是应该保证统一的风格吧。于是咱们就使用了 .editorconfigeslint

.editorconfig 对编辑器的基本格式做了限制,但比较粗糙;eslint 就进行了详细的约束。无论选择 standard 、<

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

程序员优雅哥

你的鼓励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明:

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

余额充值