给大佬们推荐个玩具，一秒钟打开在线 VS Code 阅读 GitHub 代码

[netcon]

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

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

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

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

纯前端的哈，直接用的 gh-pages 托管，获取代码是 GitHub REST API，如果遇到了 Rate Limiting 设置个 OAuth Token 就好了，没有自己的服务部署，所以这网站服务理论上不会挂。

仓库地址： https://github.com/conwnet/github1s

有啥好的建议欢迎提，反正过年在家也没啥事儿。

[heiheidewo]

还真不错

[cs419]

点赞，的确是个痛点

[netcon]

搜索啥的还不咋好用，后续没啥事儿的时候慢慢加上

[Jirajine]

这样裸看代码不舒服啊，能带全功能的 lsp 、补全提示跳转等就好了。

[Takamine]

Gitpod 就可以。

[zhucelws]

很有用，不过这个+1s 是真的暴力

[netcon]

@Jirajine 单文件的是可以的，跨文件的够呛，一个是因为代码全拉下来可能把 Rate Limiting 打爆，另外因为没有服务端，大多数的计算都只是在 WebWorker 里面，不知道 lsp 能不能全功能进去

[netcon]

@zhucelws 哈哈只是形容打开快，可没别的意思哈哈哈

[alazysun]

好东西

[netcon]

@Takamine 我看了一下 GitPod 这东西应该是个容器吧太重了，我这个小玩具就只能读代码，没有服务端

[uxstone]

吼啊

[cs419]

1. 进页面时，能加个 loading 么
进页面后，浏览器显示资源加载完成
页面是空的 还以为出问题了，两秒后 IDE 才出现

2. 能让文件可编辑吗
比如打开了 abc.ts 文件 编辑框中可以修改其内容
在刷新页面后 会还原 没指望修改后的数据同步到 github

[CSM]

试了下体验挺不错啊，能不能再说说原理？

[netcon]

@cs419 第一个很好搞，也确实是得搞，第二个也能实现，直接和其他配置一起进 IndexedDB 就好了，不过我得想想怎么支持比较合理

[netcon]

@CSM 原理抽时间补到 Readme 里面吧，其实挺简单，就是用 github rest api 实现一个带 FileSystemProvider 的 vscode extension

[mq4079]

针不戳

[johnkiller]

很有用，不过中文会乱码。比如 /NervJS/taro-ui

[agdhole]

牛，真好用

[SbloodyS]

我这边打开什么文件列表都看不到。。

[SbloodyS]

原来没授权。。。真不错

[NIYIKI]

不错不错

[netcon]

@johnkiller 中文的我得修一下

[abersheeran]

支持~

[aaronlam]

这个想法很不错呀，感谢楼主提供好工具！！

[Tumblr]

+1s ？？？
东西是个好东西，不过我怀疑你是个有想法的人！🐶

[dartabe]

想法真的很好 哈哈

[dcoder]

@netcon 真不错
给点诚意反馈: 能不能让 VSCode 的快捷键覆盖浏览器的快捷键? 比如我按 Ctrl+Tab 能不能换 VSCode 里的 tab, 而不是 Chrome 浏览器的 Tab

[wolong]

好强，这是怎么做的？

[Fixedsys]

好用！你才是大佬好吧！

[exceloo]

好像编码有点问题？打开有些中文的 readme.md 是乱吗

[gdrk]

好用+1! 标题应该是大佬给我们推荐个玩具

[lyhiving]

东西不错，但是你这个+1s 是不是有点调皮了

[Fixedsys]

发现个 bug，单引号会被识别为乱码。

[Dragonphy]

装一个 vscode-icons 插件吧，默认文件 icon 分辨不清= =

[yaoweilei]

仿佛打开了 VSCODE，香

[pi1ot]

+1s

[James369]

还可以编译吗，怎么做到的？

[gitdoit]

你才是大佬

[xrr2016]

已 star

[luzemin]

针不戳

[miaoda]

好用！太强了

[netcon]

@dcoder 有些是浏览器限制覆盖不了，比如 ctrl/command +w 关闭当前 tab 之类的，不过全屏之后应该就好了

[netcon]

@exceloo 编码问题我今天修一下～

[kirisakiaria]

https://greasyfork.org/zh-CN/scripts/421412

[netcon]

@James369 不能编译哈哈，只能读代码

[kirisakiaria]

可以配合上面那个脚本使用，在仓库页面加了个打开 github1s 的按钮

[netcon]

@kirisakiaria 可以可以～很方便～

[netcon]

@Dragonphy 好主意啊，我觉得我可以预编译好这一些好用的插件，然后可以让每个人在设置中配置开启，这样既可以控制体积又能自定义～

[jsfaint]

似乎中文支持有问题？这个 readme 打开是乱码
https://github1s.com/alibaba/DataX

[mr0joker]

神仙工具。不过我看代码这边有直接用 vscode 的代码，我不太清楚 vscode 这个开源协议会不会给大佬带来什么麻烦，是不是可以来个声明什么的，避免追责？项目已 star，大佬牛逼

[JeffyChen]

不错，不错！

[mrchi]

github 已经推出了在线 ide 呀

[Tenma]

请教一下，打开的代码中文乱码咋整？

[Tenma]

@Tenma #53 sorry，看到楼中已经有人反馈了。等大佬修复

[ungrown]

其实无非就是需要一个异步读写自带缓存的 github 甚至更通用一点针对 git repo 的远程挂载文件系统罢了

[mr0joker]

@mrchi Github Codespaces 吗？

[netcon]

@mr0joker vscode 是 MIT 协议，另外也有很多别的开源项目改了 vscode 的代码发布，比如 code-server，还有很多公司搞得 cloud-ide 也是基于 vscode 的

[hushiwei]

厉害厉害，好方便，啥原理呀

[netcon]

@mrchi 我之前体验了 codespaces，确实很强大，在线编辑提交，vscode 源码里也有很多 codespaces 的逻辑，不过那东西是 clone 代码到服务端，有点儿慢，而且也不是免费的，很多时候我们只想读读代码而已

[netcon]

@hushiwei 原理我抽时间补到文档里吧哈哈

[mr0joker]

@netcon 哦哦，Soga 。我无知了，我还怕你这边会有风险，所以问了句，感谢回复。大佬牛逼。

[dcoder]

@netcon 试了试把 chrome 全屏，还是不行呢. chrome 全屏后, 还是可以在多个 tab 之间切换的.

[jawilx]

很不错啊

[cwm165]

「小马过河」可太有意思了

[liuqitoday]

挺不错的 感谢大佬

[shuaiyin]

牛逼！大佬

[Marszm]

牛逼牛逼.....好东西

[zzxCNCZ]

大佬牛逼

[althoughghgh]

太强了，我之前也有类似想法，比如可以把编辑器内嵌到个人博客里，这样别人读教程的时候还能直接浏览你的 github 代码更改。而 codespaces 这些都是在做 ide，把编辑、运行、预览都做到 web 端，太重了，可以说是不同的产品方向。

[zoyua]

666，老哥中文乱码解决下就更好了

[jiangbingo]

github desktop 不好用吗？

[Jblue]

好东西

[netcon]

@zoyua 中文乱码问题今天修复~

[coolcoffee]

本地的时候觉得 vs code 启动太慢了，现在在线版 vs code 对比 github 整页刷新，瞬间觉得是个次世代😂

[Wh1t3zZ]

吼啊吼啊

[ourongxing]

+1s 好评，这个域名太优秀了

[johnnyNg]

大佬再来个 chrome 插件或者油猴脚本，可以在 github 项目一键打开

[zhangysh1995]

+1，求一个插件。。既然都能打开看代码了，一键更好。。。

[ourongxing]

@johnnyNg 上面有了，油猴脚本，你翻翻

[ai277014717]

真不错

[fengyj]

文件图标可以换一下, 默认的太丑了, 换成 [vscode-icons]( https://github.com/vscode-icons/vscode-icons)

[Guozi1989]

预览的时候中文乱码

[DomonLee]

很好用，感谢。

[tty1]

真是不错

[doublleft]

赶快，发收款码！！刚需，我们给你凑个种子轮吧！！！

[MarkingJason]

好东西，厉害

[KouShuiYu]

很好👍

[jifengg]

很棒！期待解决中文乱码

[ebushicao]

挺好的，手动点赞

[lijie0981]

强！

[yngby]

大佬 666

[rogwan]

很有趣的工具👍

有一个问题：github1s 加载到本地的缓存，默认多长时间过期呀？如果期间线上代码更新了，本地缓存的内容会自动更新吗？

[Jaeger]

牛逼

[xuxuzhaozhao]

针不戳 +1

[Hasel]

2333 貌似 reset api 调用频率达到 github 的频控了。

[Wichna]

真不错！感谢楼主！

[taodi]

好东西，这回看代码方便了

[MrGoku]

针不戳 👍 +1s

[hst001]

确实是个痛点，能做到本地那样智能就非常棒，可以付费使用

[wudicgi]

手动感谢 ❤️