V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
netcon
V2EX  ›  程序员

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

  netcon · 297 天前 · 27600 次点击
这是一个创建于 297 天前的主题,其中的信息可能已经有所发展或是发生改变。

在 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

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

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

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

有一个问题:github1s 加载到本地的缓存,默认多长时间过期呀?如果期间线上代码更新了,本地缓存的内容会自动更新吗?
Jaeger
    93
Jaeger  
   296 天前
牛逼
xuxuzhaozhao
    94
xuxuzhaozhao  
   296 天前
针不戳 +1
Hasel
    95
Hasel  
   296 天前
2333 貌似 reset api 调用频率达到 github 的频控了。
Wichna
    96
Wichna  
   296 天前
真不错!感谢楼主!
taodi
    97
taodi  
   296 天前
好东西,这回看代码方便了
MrGoku
    98
MrGoku  
   296 天前
针不戳 👍 +1s
hst001
    99
hst001  
   296 天前
确实是个痛点,能做到本地那样智能就非常棒,可以付费使用
wudicgi
    100
wudicgi  
   296 天前
手动感谢 ❤️
1  2  3  
关于   ·   帮助文档   ·   API   ·   FAQ   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2741 人在线   最高记录 5497   ·     Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 49ms · UTC 01:00 · PVG 09:00 · LAX 17:00 · JFK 20:00
♥ Do have faith in what you're doing.