给大佬们推荐一个自己最近无聊做的小玩具,过年放假了方便各位大佬们在 GitHub 上读代码。
先说怎么用
在 GitHub 上读代码总是觉得不方便,即使有了 Octotree 这种东西也总觉得切来切去太慢了,clone 下来有的库超级大还太慢了,于是便萌生了搞一个在线 VS Code 读 GitHub 代码的工具(这想法早就有了,一直懒得搞)。
这小玩具用法很简单,比如你现在正在看 facebook/react 这个代码库的代码,觉得页面切来切去很麻烦,直接在地址栏 github.com
中的 github
后面,加上个 1s
,然后回车就行了,所有的公开代码库都可以。
用起来就是这么简单,是不是 一秒钟打开在线 VS Code 阅读 GitHub 代码 不算特别标题党?(当然如果你 1s 打不开可以考虑一下是不是你的网络问题...)
要是觉得这小东西对你有帮助的话...欢迎给大佬们个 Star。
仓库地址:github.com/conwnet/git…
再说一下实现
纯前端实现,就是把 VS Code 编译成浏览器可以跑的,大多数都还是用的官方的编译脚本,然后使用 GitHub REST API 实现一个 FileSystemProvider 的 Extension 就可以了。(然后就是一些边边角角的小细节了)
由于只有静态文件,就直接托管在 GitHub Pages 上,所以理论上服务肯定不会挂,大家可以放心用(除非 GitHub 挂)。
考虑了 CDN,但是感觉 cloudfare 在国内速度感人,也不太了解还有哪些免费的好用的,就暂时没上。
另外 GitHub 官方的 CodeSpaces 也能用了,WebIDE,在线编辑提交,功能强大,但是它会 clone 代码初始化容器什么的感觉有点儿慢,另外这个是收费服务,大多数时候我们只是想读读代码而已。
最后注意事项
由于 GitHub REST API 的 Rate Limiting(未认证请求每小时每个 IP 只有 60 次),所以可能遇到打不开的情况,这时候直接去设置一个 OAuth Token 就行了,这个和 Octotree 一样的。
当然,最好是只在自己的电脑上才使用保存 OAuth Token 的功能,这东西是直接存到了你浏览器本地的 IndexedDB 里面,如果电脑不是自己的的话,别忘了用完之后清掉 Token
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了?
- 找不到素材资源介绍文章里的示例图片?
- 模板不会安装或需要功能定制以及二次开发?
发表评论
还没有评论,快来抢沙发吧!