vue代码提交规范（commitizen/commitlint/husky）

最新推荐文章于 2024-08-14 14:54:53 发布

Liuer_Qin

最新推荐文章于 2024-08-14 14:54:53 发布

阅读量2.1k

点赞数

分类专栏： vue git hooks 文章标签： git javascript node.js

本文链接：https://blog.csdn.net/Liuer_Qin/article/details/120862105

版权

本文介绍了在Vue项目中设置git提交规范的步骤，包括安装commitizen、commitlint和Husky，并通过配置git钩子确保提交信息的正确性。通过这个流程，可以保证代码提交时遵循一定的格式，提高团队合作效率。

摘要由CSDN通过智能技术生成

第一步：安装commitizen

使用commitizen提交时，会提示你在commit时填写所有必需的提交字段，无需再等待git commit 钩子运行就可以拒绝你的commit。

全局安装commitizen
```
npm install commitizen -g
```

如果命令行直接输入cz没有出现如下内容的话，需要再运行下面的命令
在这里插入图片描述

// npm使用如下命令
commitizen init cz-conventional-changelog --save-dev --save-exact
// yarn使用如下命令
commitizen init cz-conventional

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Liuer_Qin

关注关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

commitlint-config-cz:commitlint可共享配置，自动转换合并您的cz可定制（commitizen）配置

05-13

commitlint-config-cz 可共享配置文件（用于和定制适配器）。现在，您可以在一处统一管理cz-customizable和commitlint的提交类型/范围。 commitlint-config-cz将{types,scopes,scopeOverrides} （可自定义cz的配置）与rules.{type-enum,scope-enum}合并rules.{type-enum,scope-enum} （commitlint config），并包括一些模块和用于配置转换的API 。支持的配置 commitlint-config-cz按以下优先顺序仅使用一个配置。 package.json 。包根目录中的.cz-config.js （由cz-customizable支持）。安装安装commitlint-config-cz作为本地依赖项。 npm inst

前端规范之-利用commitlint与husky规范git commit message

刘建亚的专栏

06-20

701

利用commitlint、husky规范git commit -m"" message提交规范

1 条评论您还未登录，请先登录后发表或查看评论

vue 项目commit自动格式化

最新发布

weixin_40565812的博客

08-14

825

在 Vue 项目中，全局格式化（通常指的是代码格式化、样式格式化、数据格式化等）是一个重要的实践，它有助于维护代码的一致性和可读性，促进团队协作，减少因格式不一致导致的合并冲突，以及提高代码质量。

commitlint + Husky 规范 git commit 日志

知之为知之，不知为不知

01-06

1200

在多人协作的背景下，git 仓库和 workflow 的作用很重要。而对于 commit 提交的信息说明存在一定规范是好的方案。来学习一下使用 commitlint + husky 来规范 git commit -m 中的描述信息吧

vue+commitlint+husky 代码提交规范&&验证

H的博客

07-01

8778

一.使用的理由例如当有一天你接到一个已经初始化的项目，老大让你接着做，这时老大告诉你他这半个月从什么什么功能之后提交的功能重构掉，这时候想到reset --hard下代码,然后你打开仓库一看提交历史，几月几号修改了aaa，几月几号修改了ahsdkfjh。我遇到这种提交记录，第一感觉mmp这是提交的啥。所以这个时候就可以用到commitlint去规范一下你的commit或者push的一些规范，尤...

前端项目规范搭建，vue使用husky强制码提交规范及eslint校验

前端阿皓

03-17

1897

vue使用husky强制码提交规范及eslint优化

git commit 规范化团队git协作：commitlint，commitizen，husky 自动commit规范化

q759859479的博客

04-17

463

commitlint: 安装，制定提交规范（采用默认）生成配置文件commitlint.config.js，当然也可以是 .commitlintrc.js安装huskycommitlint.config.js配置参考在 package.json 中引入 husky。

vue项目配置git提交规范

个人博客

08-22

2462

项目中代码格式以及git message如果不加以约束，可能最终的格式会五花八门，这样很不利于我们的项目合作。所以我们需要使用工具来约束提交代码和信息的格式。

学习 Vue 从如何贡献代码开始

lefex的博客

03-13

393

第六阶段 · 期待已久的 Vue 正式开始了，今天是第 1 节内容：在学习 Vue 之前，首先需要跑通一个 demo，让页面能够显示出一个 Hello...

vue3+vite+ts 配置commit强制码提交规范配置 commitlint

周家大小姐

02-08

1378

文件配置根路径创建文件.husky文件创建 commit-msgpackage.json添加代码。

ng11-boilerplate:Angular 11样板，带有CircleCI，Commitizen，Commitlint，ESLint，GitHub Actions，Husky，Lint-staged，Prettier，Travis CI

05-12

角度11-样板该项目是使用Angular CLI版本10.0.0生成的。目录入门先决条件安装盒子里有什么东西？ CircleCI 市民承诺 ESLint GitHub动作沙哑毛绒阶段更漂亮特拉维斯CI 代码脚手架建造运行单元测试运行端到端测试进一步的帮助入门这些说明将为您提供在本地计算机上运行并运行的项目的副本，以进行开发和测试。先决条件您需要什么东西来安装软件以及如何安装它们：吉特全局安装的Angular CLI推荐安装克隆git仓库 git clone https://github.com/smarlhens/ng11-boilerplate.git 进入项目目录 cd ng11-boilerplate/ 结帐工作分支 git checkout < branch> 盒子里有什么东西？ CircleCI C

vue项目代码规范搭建

分享日常学习笔记，记录学习

08-22

681

vue项目代码规范，强制commit规范

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

youyacoder的博客

10-14

557

hooks意思是“钩子”，也就是在执行某个操作之前或之后要做的事。git hooks 就是 git 操作的钩子，在 git 执行某个操作之前或之后要做的事，如 git 提交后、提交后、合并前、合并后、rebase前、rebase后等。pre-commitpre-commit是git commit执行前的钩子，会在获取提交描述信息且提交前被调用，根据该钩子决定是否拒绝提交。可以在这个钩子中对代码进行 eslint 检查。commit-msgcommit-msg也是git commit。

配置项目的代码规范（代码格式规范 + git 提交规范）

ailsa_csdn的博客

04-07

2681

配置项目中的代码规范，达到一个统一标准：包含代码编码的格式规范、git提交时的规范

vue项目实现git提交前进行commit规范校验

zihao6的博客

07-08

1292

背景：因团队代码提交不规范，所以需要对git提交的信息经行校验，也可以方便生成change log。安装项目根新建配置文件 commitlint.config.js 注意：使用 commitlint 时报错：commitlint.config.js:1 SyntaxError: Invalid or unexpected token 原来是因为用 echo “module.exports = {extends: [‘@commitlint/config-conventional’]}” > commi

git commit 提交规范及配置

liyp921210的博客

02-28

817

git commit 提交规范及配置

vue3项目的创建和git提交规范，eslint ，cz，hooks

woaijskxh的博客

10-08

1377

ESLintCommitizenGit Hooks(--forece 强制安装)`vue create （项目文件名）选择 ’Manually celect features‘ //手动配置选择需要的配置项选择vue3项目是否选择镜像选择scss选择eslint+Standard config //使用eslint标准代码格式化方案后，两个都选，保存时提交，都进行eslint选择 In dedicated config files //单独配置文件。

vue 项目git commit 规范限制

weixin_43443341的博客

04-25

2941

vue 项目git commit 规范限制背景Commit Message 格式commitlint 工具Git Hooksvue-cli 创建的项目参考背景不规范的 Git Commit 提交使得现有项目的 Git Log 杂乱无章，长此以往，当我们通过 Git Log 来code review 时分不清哪些是我们的新功能，哪些是修复的 bug，哪些是项目的体验优化等等。所以我们就要为 commit 提供一个约束，使我们的提交信息更为规范，能够一目了然的知道我们这次提交的内容是什么类型的更改。 Co

Vue项目与码云整合：代码提交及Iconfont使用教程

"本文详细介绍了如何在Vue项目中使用Iconfont，并将项目代码提交至码云。包括码云账号创建、Git工具安装、Iconfont图标库的使用，以及Vue项目代码的提交流程。" 在Vue项目中，Iconfont是一种常用的方式来引入和管理...