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

末蓝、 2022-10-30 15:19 22阅读 0赞

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

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

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

http://github.com/facebook/react

http://github1s.com/facebook/react

![format_png][]

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

## 优点 ##

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

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

![format_png][]

### 支持 `VS Code` 中的部分快捷键 ###

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

![format_png 1][]

### 支持 hover 后能够推导类型 ###

![format_png 2][]

### 支持代码收起和展开 ###

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

![format_png 3][]

### 支持代码在线比较 ###

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

![format_png 4][]

### 一键下载单文件 ###

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

![format_png 5][]

## 缺点 ##

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

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

![format_png 6][]

### 无法全局搜索 ###

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

![format_png 7][]

## 技术探索 ##

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

![format_png 8][]

## 总结 ##

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

综上源码阅读体验排名:

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

[format_png]: /images/20221024/a742b3b985d14b95a4f27ab7b591269c.png
[format_png 1]: /images/20221024/20294400ad424396b82dd1effbe670bf.png
[format_png 2]: /images/20221024/be22727d0a06437185f25872618678c0.png
[format_png 3]: /images/20221024/a31c74edd96b4483990040d3922b364b.png
[format_png 4]: /images/20221024/2c298a0ee5ac4c0d9605378666cfa15d.png
[format_png 5]: /images/20221024/d72f13dc550648daa5dfed3de75268de.png
[format_png 6]: /images/20221024/285bcd86be5a43ea8b4e428249375cb1.png
[format_png 7]: /images/20221024/87f84c47be7942af9b581ee090e32c47.png
[format_png 8]: /images/20221024/e9c0f2ee8f2c4ff2984dc5255645c1bf.png