一秒钟打开在线 VS Code 阅读 GitHub 代码 github1s.com

GitHub 上出现了这样一个项目，可以使用户直接在 VS Code 界面读取 GitHub 项目的代码，实现了 GitHub 项目与 VS Code 的无缝衔接。

这个项目名为 github1s，只需要在浏览器地址栏 GitHub 网址链接中的「github 」后面添加 1s ，然后 Enter 键，即可在 VS Code 界面访问该项目的 Repo 代码。据项目主页显示，项目开发者来自百度。

https://github.com/conwnet/github1s

据作者介绍，这个项目的用法很简单，比如你现在正在看 facebook/react 这个代码库的代码，觉得页面切来切去很麻烦，直接在浏览器地址栏 https://github.com 中的 github 后面，加上个 1s，然后回车就行了，所有的公开代码库都可以。

实现原理

github1s 是一个纯前端的项目，使用了 GitHub REST API 实现一个带 FileSystemProvider 的 VS Code extension。网站直接用的 gh-pages 托管，如果遇到了 Rate Limiting 设置个 OAuth Token 就好了，没有自己的服务部署，所以这网站服务理论上不会挂。

自行开发

github1s 完全开源，我们也可以基于源代码自行构建进行二次开发！

$ git clone git@github.com:conwnet/github1s.git
$ cd github1s
$ yarn
$ yarn watch
$ yarn serve # in another shell
$ # Then visit http://localhost:5000 or http://localhost:5000/conwnet/github1s once the build is completed.

$ yarn
$ yarn build