在项目开发中，我们通常都会使用 git 进行版本管理，随着项目的发展，版本也不可避免地会不断迭代。为了更好地管理版本，我们需要遵循一定的规范，并且在每个版本发布前都要写好 changelog。但是手写 changelog 一方面费时费力，另一方面容易出错。这时候，conventional-changelog-vue-material 出现了。
什么是 conventional-changelog-vue-material？
conventional-changelog-vue-material 是一种自动化版本控制工具，它可以依据项目的 commit message 自动生成 changelog。使用这个工具可以省去手动写 changelog 的时间，更重要的是它能够保证 changelog 的规范性，从而方便团队的协作。
如何使用 conventional-changelog-vue-material？
接下来，我们将通过以下几个步骤介绍如何使用 conventional-changelog-vue-material。
安装
使用 npm 安装 conventional-changelog-vue-material：
--- - -- -----------------------------------
配置
在项目根目录下创建一个 .conventional-changelog.js 文件，然后配置一些相关信息。例如：
-------------- - -
------- ---------------
------------- --
------------------ -
-------- -------- ------- ----------- ------- -----
-
-上面的配置中，我们指定了 preset 为 vue-material，表示我们是要生成 Vue Material 框架库的 changelog，同时 releaseCount 指定生成 changelog 的版本数量，ignoreCommitsWith 参数表示忽略某些 commit 类型，例如 chore, style, docs, refactor, test, fix 等。
同时，我们在 package.json 中配置 scripts，例如：
---------- --------
---------- -
------------ ----------------------- -- ------------ -- ------------ ---
-生成 changelog
在命令行中输入如下命令：
--- --- ---------
这时会在项目根目录下生成 CHANGELOG.md 文件，并且自动生成 changelog。这个文件可以放在代码仓库中进行版本控制。
示例代码
我们可以通过自己的项目来尝试一下 conventional-changelog-vue-material。首先创建一个 Vue 项目：
--- ------ ----------
接着，安装 conventional-changelog-vue-material：
--- - -- -----------------------------------
在项目根目录下创建 .conventional-changelog.js 文件：
-------------- - -
------- ---------------
------------- --
------------------ -
-------- -------- ------- ----------- ------- -----
--
-然后在 package.json 中添加以下 scripts：
---------- - ------------ ----------------------- -- ------------ -- ------------ --- -
接下来，输入命令生成 changelog：
--- --- ---------
这时，我们就可以在 CHANGELOG.md 文件中看到自动生成的 changelog。
总之，通过使用 conventional-changelog-vue-material 可以让我们更方便地管理版本，提高协作效率。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5eedd602bb4e78292a6fb875