如何像 IDE 一样浏览 GitHub 网站的项目?

如何更方便、更流畅地在线查看 GitHub 网站的开源项目源代码,多数情况下都需要借助浏览器插件来实现。

比如大名鼎鼎的 Octotree 插件,使用目录的树结构轻松解决查看工程内不同文件内容的页面跳转问题,你再也不用来回刷新页面这种低效浏览方式。

如何像 IDE 一样浏览 GitHub 网站的项目?

Octotree 简单的一步,解决了我们使用 GitHub 网站的一大痛点问题。这个开发者很强大,但其实还有一个更强大的插件。

想想我们平时在使用 GitHub 的时候,在线搜索源代码、查看成员变量和成员函数的引用地方等,这些都是常见操作,GitHub 本身却都没有提供。

而 Sourcegraph 插件可以轻松实现。Sourcegraph,帮助我们像 IDE 一样在线浏览 GitHub 开源项目源代码。

在 Chrome 应用商店搜索 Sourcegraph 安装即可。然后我们随便打开一个项目,还拿 OKHttp 举例,主页 Star 数这一行最左侧会多一个 Sourcegraph 工具的入口:

如何像 IDE 一样浏览 GitHub 网站的项目?

点击即可进入 OKHttp 工程对应的 Sourcegraph 工作区,包括 Git 版本管理相关的各种操作也都集中在这里:

如何像 IDE 一样浏览 GitHub 网站的项目?

当然也包括 Octotree 这样基本的目录树结构展示功能。当我们搜索 success 这个关键字,Sourcegraph 还能够帮我们检索 OKHttp 工程中相关的源代码,并高亮展示于工作区中:

如何像 IDE 一样浏览 GitHub 网站的项目?

当我们选中代码类文件中的某个成员变量或函数,Sourcegraph 还提供查看定义和引用地址这样强大的 IDE 功能:

如何像 IDE 一样浏览 GitHub 网站的项目?

这款插件,真是极大地提高了开发者使用 GitHub 网站浏览单个项目的效率,简直太方便了。

推荐给你。

如何像 IDE 一样浏览 GitHub 网站的项目?

长按识别二维码,关注我,一名爱叨叨的程序员