netcon
V2EX  ›  程序员

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

By netcon at 2021 年 2 月 7 日 · 37893 次点击

在 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

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

258 条回复  •  2022-02-25 20:13:41 +08:00
第 1 页
共 3 页
123
heiheidewo
   1
heiheidewo  
   2021 年 2 月 7 日
还真不错
cs419
   2
cs419  
   2021 年 2 月 7 日
点赞,的确是个痛点
netcon
   3
netcon  
OP
   2021 年 2 月 7 日   ❤️ 1
搜索啥的还不咋好用,后续没啥事儿的时候慢慢加上
Jirajine
   4
Jirajine  
   2021 年 2 月 7 日 via Android
这样裸看代码不舒服啊,能带全功能的 lsp 、补全提示跳转等就好了。
Takamine
   5
Takamine  
   2021 年 2 月 7 日 via Android
Gitpod 就可以。
zhucelws
   6
zhucelws  
   2021 年 2 月 7 日   ❤️ 21
很有用,不过这个+1s 是真的暴力
netcon
   7
netcon  
OP
   2021 年 2 月 7 日
@Jirajine 单文件的是可以的,跨文件的够呛,一个是因为代码全拉下来可能把 Rate Limiting 打爆,另外因为没有服务端,大多数的计算都只是在 WebWorker 里面,不知道 lsp 能不能全功能进去
netcon
   8
netcon  
OP
   2021 年 2 月 7 日
@zhucelws 哈哈只是形容打开快,可没别的意思哈哈哈
alazysun
   9
alazysun  
   2021 年 2 月 7 日
好东西
netcon
   10
netcon  
OP
   2021 年 2 月 7 日
@Takamine 我看了一下 GitPod 这东西应该是个容器吧太重了,我这个小玩具就只能读代码,没有服务端
uxstone
   11
uxstone  
   2021 年 2 月 7 日   ❤️ 3
吼啊
cs419
   12
cs419  
   2021 年 2 月 7 日
1. 进页面时,能加个 loading 么
进页面后,浏览器显示资源加载完成
页面是空的 还以为出问题了,两秒后 IDE 才出现

2. 能让文件可编辑吗
比如打开了 abc.ts 文件 编辑框中可以修改其内容
在刷新页面后 会还原 没指望修改后的数据同步到 github
CSM
   13
CSM  
   2021 年 2 月 7 日
试了下体验挺不错啊,能不能再说说原理?
netcon
   14
netcon  
OP
   2021 年 2 月 7 日 via Android
@cs419 第一个很好搞,也确实是得搞,第二个也能实现,直接和其他配置一起进 IndexedDB 就好了,不过我得想想怎么支持比较合理
netcon
   15
netcon  
OP
   2021 年 2 月 7 日 via Android   ❤️ 2
@CSM 原理抽时间补到 Readme 里面吧,其实挺简单,就是用 github rest api 实现一个带 FileSystemProvider 的 vscode extension
mq4079
   16
mq4079  
   2021 年 2 月 7 日
针不戳
johnkiller
   17
johnkiller  
   2021 年 2 月 7 日   ❤️ 2
很有用,不过中文会乱码。比如 /NervJS/taro-ui
agdhole
   18
agdhole  
   2021 年 2 月 7 日
牛,真好用
SbloodyS
   19
SbloodyS  
   2021 年 2 月 7 日
我这边打开什么文件列表都看不到。。
SbloodyS
   20
SbloodyS  
   2021 年 2 月 7 日
原来没授权。。。真不错
NIYIKI
   21
NIYIKI  
   2021 年 2 月 7 日
不错不错
netcon
   22
netcon  
OP
   2021 年 2 月 7 日 via Android
@johnkiller 中文的我得修一下
abersheeran
   23
abersheeran  
   2021 年 2 月 7 日
支持~
aaronlam
   24
aaronlam  
   2021 年 2 月 8 日
这个想法很不错呀,感谢楼主提供好工具!!
Tumblr
   25
Tumblr  
   2021 年 2 月 8 日   ❤️ 2
+1s ???
东西是个好东西,不过我怀疑你是个有想法的人!🐶
dartabe
   26
dartabe  
   2021 年 2 月 8 日
想法真的很好 哈哈
dcoder
   27
dcoder  
   2021 年 2 月 8 日
@netcon 真不错
给点诚意反馈: 能不能让 VSCode 的快捷键覆盖浏览器的快捷键? 比如我按 Ctrl+Tab 能不能换 VSCode 里的 tab, 而不是 Chrome 浏览器的 Tab
wolong
   28
wolong  
   2021 年 2 月 8 日 via iPhone
好强,这是怎么做的?
Fixedsys
   29
Fixedsys  
   2021 年 2 月 8 日
好用!你才是大佬好吧!
exceloo
   30
exceloo  
   2021 年 2 月 8 日
好像编码有点问题?打开有些中文的 readme.md 是乱吗
gdrk
   31
gdrk  
   2021 年 2 月 8 日
好用+1! 标题应该是大佬给我们推荐个玩具
lyhiving
   32
lyhiving  
   2021 年 2 月 8 日 via Android
东西不错,但是你这个+1s 是不是有点调皮了
Fixedsys
   33
Fixedsys  
   2021 年 2 月 8 日
发现个 bug,单引号会被识别为乱码。
Dragonphy
   34
Dragonphy  
   2021 年 2 月 8 日
装一个 vscode-icons 插件吧,默认文件 icon 分辨不清= =
yaoweilei
   35
yaoweilei  
   2021 年 2 月 8 日
仿佛打开了 VSCODE,香
pi1ot
   36
pi1ot  
   2021 年 2 月 8 日
+1s
James369
   37
James369  
   2021 年 2 月 8 日
还可以编译吗,怎么做到的?
gitdoit
   38
gitdoit  
   2021 年 2 月 8 日
你才是大佬
xrr2016
   39
xrr2016  
   2021 年 2 月 8 日
已 star
luzemin
   40
luzemin  
   2021 年 2 月 8 日
针不戳
miaoda
   41
miaoda  
   2021 年 2 月 8 日
好用!太强了
netcon
   42
netcon  
OP
   2021 年 2 月 8 日 via Android
@dcoder 有些是浏览器限制覆盖不了,比如 ctrl/command +w 关闭当前 tab 之类的,不过全屏之后应该就好了
netcon
   43
netcon  
OP
   2021 年 2 月 8 日 via Android
@exceloo 编码问题我今天修一下~
kirisakiaria
   44
kirisakiaria  
   2021 年 2 月 8 日   ❤️ 9
netcon
   45
netcon  
OP
   2021 年 2 月 8 日 via Android
@James369 不能编译哈哈,只能读代码
kirisakiaria
   46
kirisakiaria  
   2021 年 2 月 8 日
可以配合上面那个脚本使用,在仓库页面加了个打开 github1s 的按钮
netcon
   47
netcon  
OP
   2021 年 2 月 8 日 via Android
@kirisakiaria 可以可以~很方便~
netcon
   48
netcon  
OP
   2021 年 2 月 8 日 via Android
@Dragonphy 好主意啊,我觉得我可以预编译好这一些好用的插件,然后可以让每个人在设置中配置开启,这样既可以控制体积又能自定义~
jsfaint
   49
jsfaint  
   2021 年 2 月 8 日
似乎中文支持有问题?这个 readme 打开是乱码
https://github1s.com/alibaba/DataX
mr0joker
   50
mr0joker  
   2021 年 2 月 8 日
神仙工具。不过我看代码这边有直接用 vscode 的代码,我不太清楚 vscode 这个开源协议会不会给大佬带来什么麻烦,是不是可以来个声明什么的,避免追责?项目已 star,大佬牛逼
JeffyChen
   51
JeffyChen  
   2021 年 2 月 8 日
不错,不错!
mrchi
   52
mrchi  
   2021 年 2 月 8 日
github 已经推出了在线 ide 呀
Tenma
   53
Tenma  
PRO
   2021 年 2 月 8 日
请教一下,打开的代码中文乱码咋整?
Tenma
   54
Tenma  
PRO
   2021 年 2 月 8 日
@Tenma #53 sorry,看到楼中已经有人反馈了。等大佬修复
ungrown
   55
ungrown  
   2021 年 2 月 8 日
其实无非就是需要一个异步读写自带缓存的 github 甚至更通用一点针对 git repo 的远程挂载文件系统罢了
mr0joker
   56
mr0joker  
   2021 年 2 月 8 日
@mrchi Github Codespaces 吗?
netcon
   57
netcon  
OP
   2021 年 2 月 8 日 via Android
@mr0joker vscode 是 MIT 协议,另外也有很多别的开源项目改了 vscode 的代码发布,比如 code-server,还有很多公司搞得 cloud-ide 也是基于 vscode 的
hushiwei
   58
hushiwei  
   2021 年 2 月 8 日
厉害厉害,好方便,啥原理呀
netcon
   59
netcon  
OP
   2021 年 2 月 8 日 via Android
@mrchi 我之前体验了 codespaces,确实很强大,在线编辑提交,vscode 源码里也有很多 codespaces 的逻辑,不过那东西是 clone 代码到服务端,有点儿慢,而且也不是免费的,很多时候我们只想读读代码而已
netcon
   60
netcon  
OP
   2021 年 2 月 8 日 via Android
@hushiwei 原理我抽时间补到文档里吧哈哈
mr0joker
   61
mr0joker  
   2021 年 2 月 8 日
@netcon 哦哦,Soga 。我无知了,我还怕你这边会有风险,所以问了句,感谢回复。大佬牛逼。
dcoder
   62
dcoder  
   2021 年 2 月 8 日
@netcon 试了试把 chrome 全屏,还是不行呢. chrome 全屏后, 还是可以在多个 tab 之间切换的.
jawilx
   63
jawilx  
   2021 年 2 月 8 日
很不错啊
waymedev
   64
waymedev  
   2021 年 2 月 8 日
「小马过河」可太有意思了
liuqitoday
   65
liuqitoday  
   2021 年 2 月 8 日
挺不错的 感谢大佬
shuaiyin
   66
shuaiyin  
   2021 年 2 月 8 日
牛逼!大佬
Marszm
   67
Marszm  
   2021 年 2 月 8 日
牛逼牛逼.....好东西
zzxCNCZ
   68
zzxCNCZ  
   2021 年 2 月 8 日
大佬牛逼
althoughghgh
   69
althoughghgh  
   2021 年 2 月 8 日
太强了,我之前也有类似想法,比如可以把编辑器内嵌到个人博客里,这样别人读教程的时候还能直接浏览你的 github 代码更改。而 codespaces 这些都是在做 ide,把编辑、运行、预览都做到 web 端,太重了,可以说是不同的产品方向。
zoyua
   70
zoyua  
   2021 年 2 月 8 日
666,老哥中文乱码解决下就更好了
bingoAI
   71
bingoAI  
   2021 年 2 月 8 日
github desktop 不好用吗?
Jblue
   72
Jblue  
   2021 年 2 月 8 日
好东西
netcon
   73
netcon  
OP
   2021 年 2 月 8 日
@zoyua 中文乱码问题今天修复~
coolcoffee
   74
coolcoffee  
   2021 年 2 月 8 日
本地的时候觉得 vs code 启动太慢了,现在在线版 vs code 对比 github 整页刷新,瞬间觉得是个次世代😂
Wh1t3zZ
   75
Wh1t3zZ  
   2021 年 2 月 8 日
吼啊吼啊
ourongxing
   76
ourongxing  
   2021 年 2 月 8 日
+1s 好评,这个域名太优秀了
johnnyNg
   77
johnnyNg  
   2021 年 2 月 8 日
大佬再来个 chrome 插件或者油猴脚本,可以在 github 项目一键打开
zhangysh1995
   78
zhangysh1995  
   2021 年 2 月 8 日
+1,求一个插件。。既然都能打开看代码了,一键更好。。。
ourongxing
   79
ourongxing  
   2021 年 2 月 8 日
@johnnyNg 上面有了,油猴脚本,你翻翻
ai277014717
   80
ai277014717  
   2021 年 2 月 8 日
真不错
fengyj
   81
fengyj  
   2021 年 2 月 8 日
文件图标可以换一下, 默认的太丑了, 换成 [vscode-icons]( https://github.com/vscode-icons/vscode-icons)
Guozi1989
   82
Guozi1989  
   2021 年 2 月 8 日
预览的时候中文乱码
DomonLee
   83
DomonLee  
   2021 年 2 月 8 日
很好用,感谢。
tty1
   84
tty1  
   2021 年 2 月 8 日
真是不错
doublleft
   85
doublleft  
   2021 年 2 月 8 日
赶快,发收款码!!刚需,我们给你凑个种子轮吧!!!
MarkingJason
   86
MarkingJason  
   2021 年 2 月 8 日
好东西,厉害
KouShuiYu
   87
KouShuiYu  
   2021 年 2 月 8 日
很好👍
jifengg
   88
jifengg  
   2021 年 2 月 8 日
很棒!期待解决中文乱码
ebushicao
   89
ebushicao  
   2021 年 2 月 8 日
挺好的,手动点赞
lijie0981
   90
lijie0981  
   2021 年 2 月 8 日
强!
yngby
   91
yngby  
   2021 年 2 月 8 日
大佬 666
rogwan
   92
rogwan  
   2021 年 2 月 8 日
很有趣的工具👍

有一个问题:github1s 加载到本地的缓存,默认多长时间过期呀?如果期间线上代码更新了,本地缓存的内容会自动更新吗?
Jaeger
   93
Jaeger  
   2021 年 2 月 8 日
牛逼
xuxuzhaozhao
   94
xuxuzhaozhao  
   2021 年 2 月 8 日
针不戳 +1
Hasel
   95
Hasel  
   2021 年 2 月 8 日
2333 貌似 reset api 调用频率达到 github 的频控了。
Wichna
   96
Wichna  
   2021 年 2 月 8 日
真不错!感谢楼主!
taodi
   97
taodi  
   2021 年 2 月 8 日
好东西,这回看代码方便了
MrGoku
   98
MrGoku  
   2021 年 2 月 8 日
针不戳 👍 +1s
hst001
   99
hst001  
   2021 年 2 月 8 日
确实是个痛点,能做到本地那样智能就非常棒,可以付费使用
wudicgi
   100
wudicgi  
   2021 年 2 月 8 日
手动感谢 ❤️
第 1 页
共 3 页
123
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
© 2026 V2EX · 420ms · 3.9.8.5