npm 包 conventional-changelog-yygame 使用教程

conventional-changelog-yygame 是一个特定于 YYGame 的 npm 包,它实现了Conventional Commits 规范并生成了符合规范的 changelog。

本篇文章将详细介绍如何使用 conventional-changelog-yygame,并提供相关的示例代码,帮助读者更好地理解和使用该包。

安装

首先,我们需要在项目中安装 conventional-changelog-yygame。

--- ------- ----------------------------- ----------

配置

使用 conventional-changelog-yygame 需要先配置一个 config 文件。该文件告诉 conventional-changelog-yygame 如何获取 commit messages,并指定生成 changelog 的模板。

在项目根目录下,创建一个 changelog.config.js 文件,并配置如下:

-------------- - -
  -- ---- --- --- ---- ---------------- --- ---
  ----------- --------
  -- --- --------- ----- ------ ---
  ------- ---------
--

其中,preset 属性指定了使用的 changelog 模板,目前支持的模板有:

  • angular
  • aztec
  • codemix
  • ember
  • eslint
  • jquery
  • jshint
  • conventional-changelog-yygame:YYGame 定制的 changelog 模板

若不指定 preset 属性,默认使用 conventional-changelog-yygame 模板。

使用

安装和配置都完成后,我们就可以生成 changelog 了。

CLI

conventional-changelog-yygame 提供了一个命令行工具,用于生成 changelog。在 package.json 中配置一个 npm script,如下所示:

-
  ---------- -
    ------------ ------------------------------ -- ------ -- ------------ -- -- --
  -
-

该命令会根据配置文件 changelog.config.js 自动生成 changelog,并保存在项目根目录下的 CHANGELOG.md 文件中。-s 选项表示将结果写到 stdout,-r 选项表示从相应的 startPoint tag 开始向后一共展示 0 个 commit。

API

conventional-changelog-yygame 还提供了 npm 包并暴露了 API,我们可以在自己的代码中调用 API 生成 changelog,具体用法如下:

----- --------------------- - -----------------------------------------
----- -- - --------------

-- -------- ------ - ---------- --------------
----- ------ - ---

-----------------------------
  -------------- ----------- -
    -- --------- ----- --------- ---
    -------------------------------- -----------
  ---

示例代码

以下是一个更完整的 demo,直接集成在我们的 pre-commit 中,当我们执行 git commit 时会自动生成 changelog。代码可自行修改以适应项目需要。

-------------- ----

----- ---- - ----------------
----- - ---- - - -------------------------
----- --------------------- - -----------------------------------------
----- -- - --------------

----- ---------- - -------------------- --------------------------

-- -------- ------ - ---------- ----
----- ------ - --------------------

-- ---------- ------- ------ ------
----- ----------- - --------------- -- --------

-- -- ---------
-------- ------------------- -
  ------ -----------------------------
    -------------- ----------- -
      -- --- ------------ ---
      -------------------------------- -----------
      ---------------------- --------- ----------------
    ---
-

-- -- ------------ --- --- ---
-------- --------------- -
  --------- ------- -------------- -- -------- ------- --- -- --- ---- --------------- -------- ----- ------- ------- -
    -- ----- -
      ------------------- ------ ---------
      -------
    -
    -------------------- ------------
    -------------------- ------------
  ---
-

-------------------
  -------------- -- -
    ----------------
  ---

总结

通过本文的使用介绍以及相关示例代码,相信读者对 conventional-changelog-yygame 已经有了一定的了解。使用该 npm 包能够规范日常代码开发工作流程,帮助团队更好地协作开发,提高代码质量。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/60066b5451ab1864dac669e9


猜你喜欢

  • npm 包 prolar-editor 使用教程

    前言 prolar-editor 是一个基于 React 的富文本编辑器组件,使用简单且功能强大。在前端开发过程中,富文本编辑器的应用非常普遍,prolar-editor 就是一个不错的选择。

    3 年前
  • npm 包 react-with-external-script 使用教程

    简介 react-with-external-script 是一个可以方便地将外部 JavaScript 脚本文件嵌入到 React 组件中的 npm 包。使用该包可以让前端开发人员更加便捷地实现将外...

    3 年前
  • npm 包 @jaredly/get_in 使用教程

    前言 在前端开发中,经常会使用 JavaScript 来操作对象或数组,但是在深层嵌套结构中,想访问某个特定属性有时候就比较困难。这时候,一个名为 @jaredly/get_in 的 npm 包可能会...

    3 年前
  • npm 包 @travishorn/progressor 使用教程

    前言 随着 JavaScript 和前端技术的强大发展,无论是开发一个简单的网页还是一个复杂的应用程序,前端开发者都需要处理大量的异步操作。在这个过程中,展示进度条是很常见的需求。

    3 年前
  • npm 包 react-drawer-ui 使用教程

    简介 React-drawer-ui 是一个开源的 React 组件,用于构建漂亮的侧边栏菜单。它具有良好的可扩展性,易于集成到你的项目中。在这篇文章中,我们将向您展示如何使用 react-drawe...

    3 年前
  • npm 包 @textactor/wikientity-domain 使用教程

    在前端开发中,很多时候需要对文本进行实体识别和命名实体识别。@textactor/wikientity-domain 是一个基于自然语言处理的 npm 包,可以帮助我们完成这项任务。

    3 年前
  • npm 包 trelele 使用教程

    在前端开发中,我们经常需要使用一些优秀的 npm 包来实现各种功能。本文将介绍一个名为 trelele 的 npm 包,它能够快速、方便地生成一个基于 React 的网站骨架,以及提供一些常见的组件和...

    3 年前
  • npm包 @textactor/wikientity-data使用教程

    作为前端工程师,经常需要使用第三方库来提高开发效率和产品质量。其中,npm是常用的JavaScript软件包管理器之一,拥有着数百万的包和方便快捷的安装方式。@textactor/wikientity...

    3 年前
  • npm 包 pcneo-ngx-datatable 使用教程

    pcneo-ngx-datatable 是一个基于 Angular 框架的数据表格组件,该组件允许我们快速地创建一个交互性高、风格美观的数据表格,适合在 Web 应用程序中应用于数据展示、数据查询和数...

    3 年前
  • npm 包 babel-plugin-import-load 使用教程

    在前端开发中,我们经常会使用到一些第三方库,比如 React、Antd 等,这些库的代码量往往比较庞大,但我们在引用时并不希望将整个库都加载进来,因为这样会导致页面加载速度变慢、资源浪费等问题。

    3 年前
  • npm 包 esoftplay-dev-cli 使用教程

    随着前端开发的不断发展,越来越多的工具和框架涌现出来,让前端开发变得更加高效和便捷。npm 是一个很重要的工具,通过它我们可以方便地管理和安装依赖包。esoftplay-dev-cli 是一款 npm...

    3 年前
  • npm 包 qieman-cli 使用教程

    前言 在前端开发中,我们经常需要使用一些工具来加速开发。其中, qieman-cli 是一个比较实用的 npm 包,它是一个命令行工具,可以快速生成项目框架、组件、样式等等。

    3 年前
  • npm 包 Socks5lib 使用教程

    Socks5lib 是一个 Node.js 模块,用于在 Node.js 环境中通过 SOCKS5 代理进行网络请求。本文将介绍如何使用 npm 包 Socks5lib 进行网络请求和如何配置 soc...

    3 年前
  • npm 包 storm-storybook-markup 使用教程

    简介 npm 是一个 JavaScript 的软件包管理器,使程序员能够共享和重用代码。在前端开发过程中,我们通常会使用一些开源库和组件,这些都可以通过 npm 来进行管理和安装。

    3 年前
  • npm 包 debounce-hook 使用教程

    在前端开发中,往往需要处理大量的用户输入事件(比如鼠标移动、上下滚动、键盘输入等),这些事件可能会频繁地触发对应的回调函数,导致性能下降。这时候,我们可以使用 debounce 技术,即对回调函数进行...

    3 年前
  • npm 包 ngx-base 使用教程

    前端开发中,我们经常会使用到一些 npm 包来帮助我们快速构建页面或者解决一些问题。其中,ngx-base 是一个非常实用的 npm 包,它提供了一些 Angular 基础组件和指令,可以让我们在开发...

    3 年前
  • npm 包 remark-linkify-ssb-feeds 使用教程

    在前端开发中,我们常常需要处理网页中的链接,包括外部链接和内部链接。其中内部链接中可能包括一些特殊的格式,比如分享的 SSB(Secure Scuttlebutt)消息链接。

    3 年前
  • npm 包 hubot-doge-utility-functions 使用教程

    在前端开发中,有很多常用的工具函数需要频繁使用,如字符串格式化、时间转换、数组去重等,如果每次都需要重复编写这些函数,会浪费很多时间和精力。而 npm 包 hubot-doge-utility-fun...

    3 年前
  • npm 包 @eluck/material-ui-0-18-7 使用教程

    简介 @eluck/material-ui-0-18-7 是一个基于 Material-UI 框架的 npm 包,它提供了一系列适用于 Material-UI 0.18.7 版本的组件、样式和布局等资...

    3 年前
  • @eluck/material-ui-18-07 使用教程

    介绍 @eluck/material-ui-18-07 是基于 React 和 Material-UI 的组件库,旨在帮助开发者更快速、更高效地构建前端界面。该库包含了众多常用的 UI 组件,如按钮、...

    3 年前

相关推荐

    暂无文章