在前端开发中，经常会用到各种 npm 包来简化自己的工作流程。本文介绍了一个非常实用的 npm 包 - add-deed-to-project，它可以方便地将开源项目的贡献者信息添加到项目中。本文将详细介绍该 npm 包的功能、安装和使用。
什么是 add-deed-to-project？
add-deed-to-project 是一个 npm 包，它能够方便地获取开源项目的贡献者信息并将其添加到项目中。该包中包含了多个内置的贡献者信息来源（包括 GitHub、Bitbucket 等），用户可以灵活选择。使用该 npm 包可以让项目更加开放和透明，方便其他用户了解项目贡献者的信息。
安装
安装 add-deed-to-project 很简单。在命令行中运行以下命令：
npm install add-deed-to-project --save-dev
如何使用
使用 add-deed-to-project 只需要简单的几个步骤。
获取贡献者信息
在使用 add-deed-to-project 之前，需要获取开源项目的贡献者信息。以 GitHub 为例，需要在项目主页中找到 "Contributors" 链接或 "Insight" 块，点击后即可查看项目的贡献者列表。
添加信息到项目
获取贡献者信息后，就可以 使用 add-deed-to-project 将贡献者信息添加到项目中了。在命令行中输入以下命令：
npx add-deed-to-project
运行该命令后，会出现一个交互式的命令行，让你输入一些必要的信息，例如：项目名称、贡献者列表等等。输入完毕后，add-deed-to-project 会自动生成一个贡献者列表，将其添加到项目中指定的位置。
查看列表
最后，在浏览器中打开项目的页面，即可看到新增的贡献者列表。
示例代码
下面是一个在 React 项目中添加贡献者列表的例子。
-- -------------------- ---- -------
------ ----- ---- --------
------ ------------ ---- ---------------------- -- ---------- ---- --
-------- ----- -
------ -
-----
--------- ------------
----
----------------------------- -- -
--- ---------------------------
-- ----------------------------------------------------- - ---------------------------
-----
---
-----
------
--
-
------ ------- ----在这个例子中，我们先导入了一个包含贡献者信息的 JSON 文件，并在组件中使用 map 方法渲染贡献者列表。这个 JSON 文件可以通过 add-deed-to-project 的命令行工具生成。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055fec81e8991b448ddac4