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