【工具】github 插件源码浏览利器 Insight

想第一时间获取我的最新文章,请关注公众号: 技术特工队

前言

在之前的一篇文章中《开发人员必备的开发利器》有介绍过一款Chrome插件,名为 Octotree ,它可以以树形结构的样式将源代码源文件展示出来,方便我们查看跳转等。但是有时候在github上看源码时,可能需要进行方法的跳转,查看具体实现,更或者找到某个方法或者类的调用方,那么有没有既有 Octotree 功能又能实现上面的功能呢,那当然是有的,它就是今天要介绍的主角 insight.io

insight.io 使用

insight.io 也是一个Chrome 插件, 安装也就直接在Chrome插件中心搜索安装就行了,这里就不多描述。
安装好后,在首次安装上后需要使用github账号进行授权登录,之后会进行一些操作相关的提示。
整体的界面如下所示

insight

整体的风格还是很简约,清新的,很是喜欢。

这样上面树形结构的源代码已经展示出来了。

但在使用的时候有几点需要注意,此插件不是所有的github 项目都支持,你可以查看页面中间有个提示信息,如果为ready 则可以直接使用,如果提示not indexed 则说明未包含此项目,需要你手动提交,点击即可,之后会进行索引,成功后会邮件通知你,时间大约在半个小时以内,大的项目可能会比较久(本人尝试的时间不到5分钟就OK了),但是不能直接提交fork出来的仓库,fork的仓库可以通过邮件联系对方,可能需要pro付费版本支持。

重点功能

文件类结构,

客户以像ide一样展示出当前类的方法名及变量名,并且点击跳到相应行,很是方便,完全就像个ide一样。
如下图所示:

搜索功能

基于对源代码的语意分析,在搜索时开发者可以直接按照类名,方法名,变量名等搜索,并且Codatlas提供自动补全功能。

跳转到定义

在源码中的方法,类,变量等,都会在下方有下划线表示可直接跳转,有些甚至包含系统的方法,鼠标直接点击即可,想快速看到代码中的类,变量或者方法是如何定义的?没问题,点击类,变量或者方法被使用的地方就会跳转到相应定义的地方。不仅可以在项目内部跳转,跨项目也同样可以实现跳转。如下图所示:

查找引用

可以对方法或者类查找引用的地方,并安类文件罗列出来,直接点击即可查看引用的具体地方。
如果想知道代码中的类,变量或者方法在代码库中哪些地方被使用了,可以点击类,变量或者方法的定义处来显示所有被引用的地方。引用会被进一步分成Referenced At Inherit Override等子类型方便开发者进一步缩小查找范围,如下图所示:

快捷键

在设置中还有很多的快捷键可以设置,协助我们快速的浏览源代码,如下:
setting

总结:

此插件的功能很全,页面也很美观,很是喜欢,目前有了它在 github 上看源码方便很多,甚至就不用clone到本地再导入这些复杂的操作流程。

WangXin wechat
欢迎订阅我的微信公众号,第一时间获取最新文章!
坚持原创技术分享,您的支持将鼓励我继续创作!