1. 介绍
GitHub是一个基于Git的代码托管服务,它提供了一个可视化界面,使我们可以更方便地管理代码、协作开发、提高代码质量等等。而为了在GitHub上更好地查看代码,我们通常需要使用一些插件来丰富GitHub的功能。
本文将介绍一些常用的GitHub插件,帮助大家更好地管理和阅读GitHub上的代码。
2. Octotree
2.1 插件介绍
Octotree是一款能够在GitHub上实现左侧栏文件树的Chrome插件。
2.2 插件安装
可以前往Chrome网上应用商店Octotree页面进行安装。
2.3 插件使用
在安装完成后,打开GitHub仓库页面,如果该仓库拥有项目文件,左侧栏会自动显示出文件树。用户可以点击文件夹进行展开、折叠,查看GitHub代码结构。
2.4 插件示例
下面是使用Octotree插件前后的GitHub页面对比:
未使用Octotree插件前页面:
$ git clone https://github.com/laynefyc/cs231n_assignment_cn
Cloning into 'cs231n_assignment_cn'...
remote: Counting objects: 2687, done.
remote: Compressing objects: 100% (121/121), done.
remote: Total 2687 (delta 41), reused 2687 (delta 41), pack-reused 2546
Receiving objects: 100% (2687/2687), 142.65 MiB | 6.27 MiB/s, done.
Resolving deltas: 100% (1644/1644), done.
Checking out files: 100% (72/72), done.
使用Octotree插件后页面:
从上面的页面可以看到,使用Octotree插件后,左侧出现了文件树的结构,用户可以直接通过文件树快速跳转到所需的文件。
3. GitZip
3.1 插件介绍
GitZip是一款可以帮助我们将GitHub仓库中的某个代码片段和文件打包下载至本地的Chrome插件。
3.2 插件安装
可以前往Chrome网上应用商店GitZip页面进行安装。
3.3 插件使用
在GitHub仓库页面,选择需要下载的代码文件或代码片段,点击右上方的“Download”按钮,选择“Download ZIP”即可实现打包下载到本地。
3.4 插件示例
$ git clone https://github.com/leonedott/speech-emotion-recognition
Cloning into 'speech-emotion-recognition'...
remote: Enumerating objects: 849, done.
remote: Total 849 (delta 0), reused 0 (delta 0), pack-reused 849
Receiving objects: 100% (849/849), 48.67 MiB | 126.00 KiB/s, done.
Resolving deltas: 100% (162/162), done.
上面的例子显示,通过git clone进行下载时下载量为48Mb,在有些情况下反复下载GitHub上的代码很费时费力的,此时GitZip插件的作用就显示出来了。
4. Sourcegraph
4.1 插件介绍
Sourcegraph是一款代码搜索、浏览、分析工具,可以帮助我们更好地在GitHub上查看代码,并在代码中创建跨仓库的链接。
4.2 插件安装
可以前往Chrome网上应用商店Sourcegraph页面进行安装。
4.3 插件使用
在GitHub的代码页面,选中需要查看的代码,点击右键,“View on Sourcegraph”按钮。
4.4 插件示例
通过点击“View on Sourcegraph”按钮,我们就能够进入到Sourcegraph的界面中,此界面中,展示了代码的详细信息,包括函数、变量定义、调用关系等。
5. 占位小标题
5.1 占位小标题
这里是占位小标题内容
5.2 占位小标题
这里是占位小标题内容
5.3 占位小标题
这里是占位小标题内容
6. 小结
本文介绍了一些常用的GitHub插件,这些插件可以帮助我们更好地在GitHub上管理和阅读代码,提高我们的开发效率。不同的插件拥有不同的功能,用户可以根据自己的需要选择适合自己的插件。