打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
一秒钟打开在线 VS Code 阅读 GitHub 代码

给大佬们推荐一个自己最近无聊做的小玩具,过年放假了方便各位大佬们在 GitHub 上读代码。

先说怎么用

在 GitHub 上读代码总是觉得不方便,即使有了 Octotree 这种东西也总觉得切来切去太慢了,clone 下来有的库超级大还太慢了,于是便萌生了搞一个在线 VS Code 读 GitHub 代码的工具(这想法早就有了,一直懒得搞)。

这小玩具用法很简单,比如你现在正在看 facebook/react 这个代码库的代码,觉得页面切来切去很麻烦,直接在地址栏 github.com 中的 github 后面,加上个 1s,然后回车就行了,所有的公开代码库都可以。

URL 从 https://github.com/facebook/react 变成了 https://github1s.com/facebook/react

用起来就是这么简单,是不是 一秒钟打开在线 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

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
Angular vs React vs Vue 三个框架的比较
这样配置,让你的VS Code好用到飞起
用 VS Code 直接浏览 GitHub 代码
编辑器插件和配置备份神器 --sync setting
Facebook开源软件列表
React Native 开发总结
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服