Github域名加上1s,在线VS Code阅读源码神器诞生
近日,一款域名为 github1s
开源项目诞生了,正如他的名字所说,只要在 github
地址上面加上 1s
,就能秒级用在线 VS Code
打开 github
项目,这可以说为开发者带来了巨大的便利!!!
我们来看看这个项目打开后长什么样子~
以大家广为知道的 React
为例,只要将 github
替换成github1s
http://github.com/facebook/react
http://github1s.com/facebook/react
![](https://filescdn.proginn.com/b66ba6c6814eb4665a194be128de1511/7fb9cd629bb1396283b5da0157dbf849.webp)
然后我们来谈谈这个项目的优缺点
优点
几乎拥有和本地 VS Code
一样的界面
在在线 VS Code
中打开,同样的款式同样的配方,这样阅读起来非常有亲切感,这种亲切感,可以更好地提高我们阅读代码的效率。
![](https://filescdn.proginn.com/b66ba6c6814eb4665a194be128de1511/7fb9cd629bb1396283b5da0157dbf849.webp)
支持 VS Code
中的部分快捷键
能够 command + 单击
(window 应该是 ctrl + 单击)自动跳转到对应的函数。
![](https://filescdn.proginn.com/793af374d205ac771dc51959b4d4452a/cf912670341a8b50618449c8573766bc.webp)
支持 hover 后能够推导类型
![](https://filescdn.proginn.com/85a3405766984d5b68542b9379cdc476/5cf2a1de115bf719f37cbf3513912bfd.webp)
支持代码收起和展开
这个功能对阅读源码非常有帮助,可以帮助我们收起一些不重要的函数,让我们摸清代码的主干。
![](https://filescdn.proginn.com/b48410ca88c992377fa6eaa5fa1147fb/978565266e07cc7801b0e6099430842f.webp)
支持代码在线比较
选中两个文件右键,就可以进行在线比较
![](https://filescdn.proginn.com/ef3989ea1598ff9dbb499ea067057d37/5ac7f062bbcfcb3b0cc3b866f3ade2cf.webp)
一键下载单文件
对于 Github 站点上阅读整体目录不便的情况下,并且下载文件总是需要点击 Raw
再下载源文件,可以说这个功能方便太多了。(当然你也可以下载一些其他的插件)
![](https://filescdn.proginn.com/8356d5db0bf226ba51a9339603ced681/0b8f60940ddf0a6e540b927cef50e415.webp)
缺点
不能点击文件跳转至其他文件
目前的版本中是无法直接点击引用文件自动打开其他文件
![](https://filescdn.proginn.com/3c8e92fd76be3eede29a8071343c95bc/fd0b7d0644e3666d35cae00269526b3c.webp)
无法全局搜索
只有当我们打开了当前的文件,才会从当前打开的页面中进行全局搜索,没有打开的页面没办法全局搜索,这样对大型库的源码阅读还是造成了一定的影响。
![](https://filescdn.proginn.com/246429cea895f80dd354f9cc52ebd2ec/92da160abb7662364d8a519c1a603983.webp)
技术探索
在 api 层面看到主要还是走了 github
的开放接口,这样有个问题就是我们国内用户,访问起来还是没法达到1s
那么快,但是我的网络基本上3s
初次渲染也完成了。
![](https://filescdn.proginn.com/8764874a3056d692e80b4e11deaf858f/81d6b18cffd9fdd309d12adb944e2eba.webp)
总结
带来了一定的便利,比纯用 github
好用多了,也比 sourcegraph
插件使用起来体验更好!但是想要完全替代本地编辑器阅读源码,任然需要完善,例如上述说到的缺点。
综上源码阅读体验排名:
本地VS Code
> Github1s
> sourcegraph
> Github站点
。
如果还有什么我没有发现的优缺点,欢迎留言中指出~
❤️爱心三连击
1.看到这里了就点个在看支持下吧,你的「点赞,在看」是我创作的动力。
2.关注公众号
前端名狮
,回复「1」加入前端交流群,一起学习进步!3.也可添加微信【qq1248351595】,一起成长。
“在看转发”是最大的支持