前言
在前端开发过程中，我们时常需要查看 Github issues 相关信息，如 issue 标题、状态、作者、创建时间、更新时间等。这时候，我们可以通过直接访问 Github issues 链接进行查看，但是在大量使用的情况下会比较麻烦。那么，有没有一种方式可以快速地统一查看所有的 Github issues 信息呢？答案是肯定的，就是通过使用 npm 包 issue_viewer_package 来快速访问及查看所有 GitHub issues。
1. 安装
首先，我们需要通过 npm 安装这个包。可以通过以下代码来安装：
npm install issue_viewer_package
在安装成功之后，就可以在项目中直接调用 issue_viewer_package 进行使用。
2. 使用
2.1 初始化
在使用 issue_viewer_package 之前，我们需要进行初始化，只需要执行以下代码就可以完成初始化：
const { IssueViewer } = require('issue_viewer_package');
const issueViewer = new IssueViewer();2.2 获取 Issues 列表
我们可以使用 getIssueList 函数来获取当前项目的所有 Issues。例如：
issueViewer.getIssueList(OWNER, REPO, TOKEN).then((res: any) => {
console.log(res);
})这里需要传递三个参数：
OWNER：表示 Github 项目所有者的名字，例如facebook。REPO：表示 Github 项目的名字，例如react。TOKEN：表示 Github 个人访问令牌，可以在个人中心设置里面找到。
在上面的示例代码中，如果执行成功，会在控制台打印出当前项目的所有 Issues 信息。
2.3 获取 Issue 详情信息
我们可以使用 getIssueDetails 函数来获取某个具体的 Issue 详情信息。例如：
issueViewer.getIssueDetails(OWNER, REPO, TOKEN, ISSUE_NUMBER).then((res: any) => {
console.log(res);
})这里需要传递四个参数：
OWNER：表示 Github 项目所有者的名字，例如facebook。REPO：表示 Github 项目的名字，例如react。TOKEN：表示 Github 个人访问令牌，可以在个人中心设置里面找到。ISSUE_NUMBER：表示 Issue 编号。
在上面的示例代码中，如果执行成功，会在控制台打印出当前 Issue 的详细信息。
2.4 创建 Issue
我们可以使用 createIssue 函数来创建一个新的 Issue。例如：
issueViewer.createIssue(OWNER, REPO, TOKEN, ISSUE_TITLE, ISSUE_BODY).then((res: any) => {
console.log(res);
})这里需要传递五个参数：
OWNER：表示 Github 项目所有者的名字，例如facebook。REPO：表示 Github 项目的名字，例如react。TOKEN：表示 Github 个人访问令牌，可以在个人中心设置里面找到。ISSUE_TITLE：表示 Issue 标题。ISSUE_BODY：表示 Issue 内容。
在上面的示例代码中，如果执行成功，会在控制台打印出当前新建的 Issue 的详细信息。
2.5 更新 Issue
我们可以使用 updateIssue 函数来更新一个已有的 Issue。例如：
issueViewer.updateIssue(OWNER, REPO, TOKEN, ISSUE_NUMBER, ISSUE_TITLE, ISSUE_BODY).then((res: any) => {
console.log(res);
})这里需要传递六个参数：
OWNER：表示 Github 项目所有者的名字，例如facebook。REPO：表示 Github 项目的名字，例如react。TOKEN：表示 Github 个人访问令牌，可以在个人中心设置里面找到。ISSUE_NUMBER：表示 Issue 编号。ISSUE_TITLE：表示 Issue 新标题。ISSUE_BODY：表示 Issue 新内容。
在上面的示例代码中，如果执行成功，会在控制台打印出当前更新后的 Issue 的详细信息。
2.6 删除 Issue
我们可以使用 deleteIssue 函数来删除一个已有的 Issue。例如：
issueViewer.deleteIssue(OWNER, REPO, TOKEN, ISSUE_NUMBER).then((res: any) => {
console.log(res);
})这里需要传递四个参数：
OWNER：表示 Github 项目所有者的名字，例如facebook。REPO：表示 Github 项目的名字，例如react。TOKEN：表示 Github 个人访问令牌，可以在个人中心设置里面找到。ISSUE_NUMBER：表示 Issue 编号。
在上面的示例代码中，如果执行成功，会在控制台打印出删除成功的信息。
3. 结束语
在本文中，我们介绍了 npm 包 issue_viewer_package 的使用教程。通过使用此包，我们可以快速地访问及查看所有 Github issues，同时支持 Issue 列表获取、Issue 详情获取、Issue 创建、Issue 更新以及 Issue 删除等操作。希望这篇文章可以帮助到大家，欢迎大家在评论区留言，给出您的反馈和意见。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055ab881e8991b448d8526