4

Github域名加上1s，在线VS Code阅读源码神器诞生

 3 years ago
source link: https://mp.weixin.qq.com/s?__biz=MzkyOTIxMDAzNw%3D%3D&%3Bmid=2247486378&%3Bidx=1&%3Bsn=97510ebb0b5b52ee208953e798487ff9
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

近日，一款域名为 github1s 开源项目诞生了，正如他的名字所说，只要在 github 地址上面加上 1s ，就能秒级用在线 VS Code 打开 github 项目，这可以说为开发者带来了巨大的便利！！！

我们来看看这个项目打开后长什么样子~

以大家广为知道的 React 为例，只要将 github 替换成 github1s

http://github.com/facebook/react

http://github1s.com/facebook/react

EZjqUvR.png!mobile

然后我们来谈谈这个项目的优缺点

优点

几乎拥有和本地 VS Code 一样的界面

在在线 VS Code 中打开，同样的款式同样的配方，这样阅读起来非常有亲切感，这种亲切感，可以更好地提高我们阅读代码的效率。

EZjqUvR.png!mobile

支持 VS Code 中的部分快捷键

能够 command + 单击 （window 应该是 ctrl + 单击）自动跳转到对应的函数。

6RvQ7fM.gif!mobile

支持 hover 后能够推导类型

fyiEzij.png!mobile

支持代码收起和展开

这个功能对阅读源码非常有帮助，可以帮助我们收起一些不重要的函数，让我们摸清代码的主干。

zMBr6rb.gif!mobile

支持代码在线比较

选中两个文件右键，就可以进行在线比较

fMFrM3q.png!mobile

一键下载单文件

对于 Github 站点上阅读整体目录不便的情况下，并且下载文件总是需要点击 Raw 再下载源文件，可以说这个功能方便太多了。（当然你也可以下载一些其他的插件）

AFnmqiY.gif!mobile

缺点

不能点击文件跳转至其他文件

目前的版本中是无法直接点击引用文件自动打开其他文件

yEJ3qmn.png!mobile

无法全局搜索

只有当我们打开了当前的文件，才会从当前打开的页面中进行全局搜索，没有打开的页面没办法全局搜索，这样对大型库的源码阅读还是造成了一定的影响。

2aiAfiu.png!mobile

技术探索

在 api 层面看到主要还是走了 github 的开放接口，这样有个问题就是我们国内用户，访问起来还是没法达到 1s 那么快，但是我的网络基本上 3s 初次渲染也完成了。

aEzYZjU.png!mobile

总结

带来了一定的便利，比纯用 github 好用多了，也比 sourcegraph 插件使用起来体验更好！但是想要完全替代本地编辑器阅读源码，任然需要完善，例如上述说到的缺点。

综上源码阅读体验排名:

本地 VS Code > Github1s > sourcegraph > Github站点 。

如果还有什么我没有发现的优缺点，欢迎留言中指出~

结语

关注公众号 秋风的笔记 ，一个专注于前端面试、工程化、开源的前端公众号

  • 关注后回复 简历 获取100+套的精美简历模板
  • 关注后回复 好友 拉你进技术交流群+面试交流群
  • 欢迎关注 秋风的笔记

:heart:关注+点赞+收藏+评论+转发:heart: ，原创不易，鼓励笔者创作更好的文章


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK