高效阅读 Github 源代码 - Githubissues

moooofly / MarkSomethingDownLLS

本仓库用于记录自 2017年10月16日起，在英语流利说任职期间的各方面知识汇总（以下内容不足以体现全部，一些敏感内容已移除）～

MIT License

72 stars 37 forks source link

高效阅读 Github 源代码 #60

Open moooofly opened 5 years ago

moooofly commented 5 years ago

ref: https://zhuanlan.zhihu.com/p/56435917

Github的核心作用还是代码的版本控制和分享，所以这是一种高效查看文件历史更改记录的办法。

方法一

以 https://github.com/moooofly/harborctl/blob/master/CHANGELOG.md 文件为例，若想知道这个文件的更改记录，只需要把URL的域名中的 github.com 换成：

githistory.xyz
github.githistory.xyz
git-history.netlify.com

效果图

githistory.xyz

github.githistory.xyz

git-history.netlify.com

失败

Chrome 插件：Git History Browser Extension

还可以安装 chrome 插件 Git History Browser Extension ，然后就可以在 github 上看到

点击后，会直接跳转到

方法二

在 https://github.com/xxx 前增加 https://gitpod.io#
Gitpod 和 Stackblitz 相比，缺点是需要科学上网，优点是支持更多种语言

看来这是一个完整的在线 IDE 啊

方法三

Chrome 插件：Octotree

用 Chrome 插件 Octotree，左侧会出现树形结构，方便你浏览源代码。

Chrome 插件：Sourcegraph

类似的还有 Sourcegraph 插件

Stackblitz

Stackblitz 可以算是一个在线 VS Code
这种方法只适用于 @angular/cli 创建的项目
如果你开发前端（Angular/React/ES6/Typescipt），那么最推荐这种方式！直接把 Chrome 变成一个在线IDE。帮你把 npm 包都准备好，直接可以运行。
最后想说，用 Stackblitz 配合 GitHub Pages 开发个人主页什么的，那简直是太绝配了！

只要把 github 地址改成 https://stackblitz.com/github 开头就可以了。

示例地址 https://github.com/gothinkster/angular-realworld-example-app ，变更为 https://stackblitz.com/github/gothinkster/angular-realworld-example-app

效果图

其他：