VS Code 中阅读 GitHub 代码

简介

Github 是全世界程序员最活跃的社区，因为上面有着许多开源、优秀的项目，Github 对程序员来说就是一个宝藏库。通常在 Github 上看代码都是直接在网页上点点点，或者是将代码 clone 到本地，再使用代码编辑器打开。
Github1s 这个项目，就是将在线网页和 VS Code 结合起来，在线就能使用 VS Code 的方式阅读 Github 代码，不再需要 clone 到本地。
使用方式也非常简单，只需要在浏览器网址部分的 github 后面，添加 1s ，然后回车就行了。例如：
VS Code 中阅读 GitHub 代码 - 图1
![7)L5UVA3G[SXVV1JLDQZGI.png

项目地址：

https://github.com/conwnet/github1s

扩展

Github1s 现在是基于 VSCode 1.52.1。一方面，VS Code 可以被构建为浏览器版本，同时 VS Code 具有非常强大和灵活的可扩展性，因此可以很容易地实现 VS Code 扩展；另一方面，Github 提供了功能强大的 REST API，具有非常多的特性，包括读取目录和文件。
Github1s 就是基于以上两点实现的，它是一个纯静态的 Web 应用程序，目前部署在 Github Pages 上。
另外需要注意的一点是，使用 Github1s 有速度的限制。对于未经身份验证的请求，每小时最多只能有 60 个请求，未经身份验证的请求与 IP 地址关联，而不与用户关联，对于使用身份验证的请求，每小时最多运行 5000 个请求。
基于 Github1s，已经有很多开发者实现了对应的浏览器扩展，如：

  • Github1s 的作者 zulhfreelancer 实现的基于 Chrome 的扩展，Open in VS Code
  • 其他 Chrome 扩展：GitHub1s_chrome_extension 、edge-extensions-github-code-viewer、Github1s-Extension、Github Web IDE 、github1s-shortcut
  • 基于 Firefox 的扩展，Github1s-Extension、github1s-firefox-addon、Github Web IDE
  • 基于 Edge 的扩展，edge-extensions-github-code-viewer、Github Web IDE

上述扩展链接，在 GitHub 主页都有。

衍生产品

Github1s 在 GitHub 连续霸榜后，有其他开发者基于它做了另外一个项目 surf。
链接：https://github.com/surfcodes/surf
![]6U3]O[%7IPGH729XF1$C.png](https://cdn.nlark.com/yuque/0/2021/png/278385/1614233962693-46155102-a7c6-45d6-a5d9-e01ca0745a14.png#align=left&display=inline&height=650&margin=%5Bobject%20Object%5D&name=%60%5D6U3%5DO%5B%257%60IPGH729XF1%24C.png&originHeight=650&originWidth=1080&size=244281&status=done&style=none&width=1080)
它的用法和 Github1s 类似：
把浏览器网址部分的 github.com 中的 com 改成 surf ，然后回车就行了。
VS Code 中阅读 GitHub 代码 - 图2
surf 目前的特性有：

  • ✅ 支持 Github support：支持在 VS Code 中浏览 GitHub 仓库
  • ✅ 支持 Gist support：支持在 VS Code 中浏览 Gist 代码
  • ✅ 官方 Chrome 扩展
  • ✅ 官方 CLI 工具：在终端用surf . 命令可以打开 surf
  • ✅ 支持 Gitlab：gitlab.surf