1. 简介
在开发过程中，经常需要发布新版的npm包，同时也需要记录每个版本的更新内容，以便开发者和使用者了解本次发布的更新信息。此时，一个好用的自动化工具就显得尤为重要。version-changelog便是一个可以自动生成changelog的npm包，使用它可以方便快捷地记录和展示每个版本的更新历史。
2. 安装
使用npm安装version-changelog：
npm install -g version-changelog
安装完成后，可以在终端输入version-changelog命令来查看是否安装成功。
3. 使用
3.1 初始化
在npm包的根目录下执行以下命令，初始化changelog文件：
changelog init
执行成功后，会在根目录生成一个changelog.md文件，用于记录changelog。
3.2 更新版本
当npm包有新的版本更新时，为了更新changelog，需要执行以下命令：
changelog version [version]
其中，version为新版本的版本号，例如：
changelog version 1.0.0
执行成功后，会自动更新changelog.md文件，并生成一个类似如下的更新记录
-- -------------------- ---- ------- -- ----- ------------ ---- -------- - -- -------- -- - -- -------- -- ---- --- ----- - -- ---- - -- ----
可以看到，version-changelog自动生成了更新记录，记录了新版本的功能新增和bug修复情况，方便开发者和使用者了解新版本的变化。
3.3 显示changelog
在changelog文件更新后，可以使用以下命令生成一个HTML版本的changelog文件：
changelog html
执行成功后，会在根目录生成一个changelog.html文件，用于显示changelog。在项目中可以将其放入公共文件夹中，方便开发者和使用者查看更新历史。
4. 示例
以一个简单的npm包为例，使用version-changelog来记录和展示npm包的版本更新历史。
4.1 初始化
在npm包的根目录下执行以下命令，初始化changelog文件：
changelog init
4.2 更新版本
执行以下代码来创建版本号为0.1.0的新版本：
changelog version 0.1.0
在CHANGELOG.md文件中将生成如下的changelog：
## 0.1.0 (2022-01-01) #### Features - 初始化npm包
4.3显示changelog
执行以下代码可生成HTML版本的changelog文件changelog.html：
changelog html
5. 总结
使用version-changelog可以方便快捷地自动生成changelog，记录每个版本的更新内容。它可以大大方便开发者和使用者了解每个版本的变化，提高项目的可维护性。在实际开发过程中，合理使用这个工具可以提高效率，减少重复工作，提高开发体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedb53cb5cbfe1ea06113fd