前端开发index代码要怎样敲（详解前端代码仓库发版时如何生成change）

前端开发index代码要怎样敲（详解前端代码仓库发版时如何生成change）npm install -g conventional-changelog-cli然后运行如下命令首先全局安装一下conventional-changelog我们在很多的开源库中都能看见每个版本的迭代信息，例如如下是angular仓库的版本迭代信息，图1这是如何生成的呢？

这篇文章我们接着上一篇文章《详解如何使用Angular规范来统一多人的git提交记录》继续聊Commitizen。

在上一篇文章中我们说要把git commit命令改成git cz，但是对于很多人来说他已经习惯了前一条命令，那有没有什么办法继续使用前者呢？有！

解决办法就是在.git/hooks目录下添加一个prepare-commit-msg文件，文件内容如下，

#!/bin/bash exec < /dev/tty && node_modules/.bin/git-cz --hook || true

当你使用git commit后，就会触发git hook，进而会执行上面的脚本，后面的操作就和之前说的一样了。

生成change log

我们在很多的开源库中都能看见每个版本的迭代信息，例如如下是angular仓库的版本迭代信息，

图1

这是如何生成的呢？

首先全局安装一下conventional-changelog

npm install -g conventional-changelog-cli

然后运行如下命令

conventional-changelog -p angular -i CHANGELOG.md -s

即可生成change log，它的内容主要包括Feature、Fix、Performance Improvement和Breaking Changes，每次运行这个命令都会在之前的log文本最上面添加最新的log。

如果你是第一次在仓库中使用这个工具，可以运行下面的命令，

conventional-changelog -p angular -i CHANGELOG.md -s -r 0

这个命令会一次性生成所有历史commit日志，然后覆盖之前所有的log。

以上命令运行完成之后就会在项目中生成一个CHANGELOG.md文件，然后把它推到远程仓库，在远程仓库中打开，change log列表会如期展现在我们眼前。

图2

上面的命令比较长，我们可以把它配置在package.json中，

图3

当你需要发版时，运行一下以下命令即可，

npm run changelog生成Commitizen徽章

将下面这句话copy到你的项目README文件中即可，

[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)

将会生成一个小徽章，

图4

总结

我们用两篇文章介绍了Augular代码提交规范，主要有两点，一是保持统一的commit信息风格，二是每次发版可以生成changelog，这样就可以让你的代码看起来非常专业，有没有！

这个就叫专业

喜欢我的文章就关注我吧，有问题可以发表评论，我们一起学习，共同成长！