jscourse::如何才能更方便地阅读 GitHub 上的源代码

238 阅读2分钟
原文链接: zhuanlan.zhihu.com
「阅」——JSCourse 旗下栏目,专门推荐我们为大家精心挑选的优质 JavaScript 相关技术内容

一般大家都会有在 GitHub 上看某个项目源代码的需求:比方说你看到一个开源项目,想要深入了解下它是怎么工作的,就会上去看它的代码。

说到看代码,一般最直接的当然是直接在 GitHub 上看,这种方法要是遇到的项目代码文件内容不长的还好,要是文件内容很长、代码量比较大、特别是文件比较多的时候,就非常的不方便。通常也就 cmd/ctrl+f 大法(查找变量定义、方法定义、或者这个变量在哪里用到了)能够一定程度上带来一点便利,但总体而言,这样看代码比较费劲。

还有就是会采用 git clone,把代码直接拉到本地,用自己最熟悉的编辑器打开。我相信碰到复杂点的代码,大家都会倾向于选择这种方式。

小编最近发现了一款浏览器插件,它的名字叫:octohint。有了它,就可以相对比较方便的直接在 GitHub 上面阅读源代码了。

我们来看下官方的一个演示:


来自:https://github.com/pd4d10/octohint

尽管没有像 VSC 这类编辑器那么强大,但是对于在线看代码还是很有帮助的,起码你查找变量就不用那么麻烦了,简单多了。

这款浏览器插件支持 Chrome、Firefox、Opera 和 Safari,另外其智能提示功能支持 TypeScriptJavaScriptCSSLESS 以及 SCSS,小编觉得基本满足我们的需求了。

而且它不止支持 GitHub,还支持 BitbucketGitLab,私有库也都是支持的。如果你觉得对你有帮助的话,不妨去试试吧!

好了,本期就到这里了,祝大家圣诞节快乐!我们下期再见咯!

关注「jscourse」微信公众号获取更多 JS 学习课程和资料!