前言
在日常前端开发中，我们不可避免地会提交代码到代码托管平台进行代码审核，如GitHub、GitLab等，同时你也会发现，这些代码托管平台都提供了issues功能，用于提供bug反馈和任务管理等。而逐渐地，这些issues也成为了我们开发过程中重要的一部分，但issues数量增多后，管理起来也有一定的难度。本篇文章将会推介一个名为issue-pane的npm包，介绍它的使用情况、安装及使用流程，并分享如何用它来提高我们的工作效率，提高issues管理的效率。
什么是 issue-pane
issue-pane是一个基于React的npm包，它可以将GitHub中的issue展示在你的项目中，以“pane”的形式展现，方便开发人员直接在项目中查看和管理issue。除了可以从GitHub中直接获取issues信息外，还可以获取到GitLab、Bitbucket等托管系统下的issues信息。
安装
npm install --save issue-pane
使用
在使用过程中，我们需要准备一个GitHub的授权token，来避免因没有权限而查询失败的问题，GitHub的授权token可以在https://github.com/settings/tokens中获取。
GitHub
-- -------------------- ---- -------
------ ----- ---- --------
------ --------- ---- ------------- -- ----
-------- ----- -
------ -
----------
---------------------------------
----------------------
--------------------------------
------------------------------ -- -----
--
--
-
------ ------- ----GitLab
-- -------------------- ---- -------
------ ----- ---- --------
------ --------- ---- ------------- -- ----
-------- ----- -
------ -
----------
------------------------------------
----------------------
--------------------------------
------------------------------ -- -----
--
--
-
------ ------- ----Bitbucket
-- -------------------- ---- -------
------ ----- ---- --------
------ --------- ---- ------------- -- ----
-------- ----- -
------ -
----------
----------------------------------------
----------------------
--------------------------------
--------------------------------- -- -----
--
--
-
------ ------- ----快速上手
在了解了issue-pane的安装及使用之后，我们可以快速上手，体验一下issue-pane的用法，可以在自己的项目中为大家演示这个功能。
-- -------------------- ---- -------
------ ----- ---- --------
------ -------- ---- ------------
------ --------- ---- -------------
-------- ----- -
------ -
----------
---------------------------------
------------------
----------------------------
--------------------------------------------------------- -- ------ -----
--
--
-
-------------------- --- ---------------------------------启动项目后，可以看到issues展示在了项目中。
总结
本文介绍了一个名为issue-pane的npm包，它可以将GitHub中的issue展示在你的项目中，以“pane”的形式展现，方便开发人员直接在项目中查看和管理issue。除了可以从GitHub中直接获取issues信息外，还可以获取到GitLab、Bitbucket等托管系统下的issues信息。同时介绍了安装及快速使用的流程，希望本文能够对你提供帮助，提高你的工作效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/72279