介绍一个十分牛逼的 GitHub 看代码神器

关注

转载最新推荐文章于 2026-05-16 05:58:55 发布 874 阅读 AI 写同款· GEO 优化 ›

Code Browser：高效简洁的代码浏览与编辑体验本文还有配套的精品资源，点击获取简介：Code Browser是一款面向开发者的高效、简洁代码浏览和编辑工具，支持语法高亮、项目管理、搜索定位、代码跳转、代码分析、编辑功能、插件支持和用户界面优化。它的设计便于开发者理解和管理源代码，无需安装即可使用，方便携带。Code Browser适用于学习新代码库、代码审查、调试修复和团队协作等场景，为个人和团队开发带来便利。 ... 阅读详情

点击上方“编程派”，选择设为“设为星标”

优质文章，第一时间送达！

“

阅读本文大概需要 5 分钟。

”

给大家介绍一个非常实用的工具，有了它，我们可以在几秒之内用 VS Code 打开 GitHub 上的任意一个 Repo，无需 Clone，速度飞快。

用法也十分简单而且好记，下面给大家介绍下。

介绍

比如这里是 Scrapy 的仓库：https://github.com/scrapy/scrapy，用 GitHub 打开是这样的：

GitHub仓库

看代码的时候我们可能需要一个个点进去，速度慢而且感觉不太方便。

为此大家可能安装了一些 Chrome 插件，比如比较火的是 Octotree，安装之后效果是这样的：

Octotree效果

安装这个插件之后，在网页左侧会出现一个文件树方便我们快速定位文件。然鹅，个人感觉总不是真正想要的那种味道。

现在好了。

这时候，我们只需要在网址 github 后面加上 1s，变成：https://github1s.com/scrapy/scrapy

没错，就是这么简单好记。

访问之后，就可以看到这样的页面：

是的没错，这就在浏览器中打开了一个在线版的 VS Code，并打开了 Scrapy 的源代码，看代码就非常方便了。

无需克隆，无需任何配置，打开飞速，代码高亮！

一些快捷键也是和 VS Code 一样的，比如 Cmd/Ctrl + P，就可以快速找到一个文件：

Cmd/Ctrl + F 搜索：

不过我试了一下全局搜索貌似只能限制在一个文件内，不知道是哪里设置的问题。

有的朋友可能会问，代码能修改吗？

答案是不能，代码都是以只读模式打开的，也就是我们只能看，没法改。不过这也合情合理，毕竟任意 Repo 都能打开，改了又存到哪里呢？

原理

另外有的朋友可能好奇这个的实现原理是怎样的，我扒了一下源码，看到作者是这么介绍的：

“
Github1s is based on VS Code 1.52.1 now. VS Code can be built for a browser version officially. I also used the code and got inspired by Code Server.
Thanks to the very powerful and flexible extensibility of VS Code, we can easily implement a VS Code extension that provides the custom File IO ability using FileSystemProvider API. There is an official demo named vscode-web-playground which shows how it is used.
On the other hand, GitHub provides the powerful REST API that can be used for a variety of tasks which includes reading directories and files for sure.
According to the above, obviously, the core concept of GitHub1s is to implement a VS Code Extension (includes FileSystemProvider) using GitHub REST API.
We may switch to the GitHub GraphQL API for more friendly user experience in the future, thanks to @xcv58 and @kanhegaonkarsaurabh. See details at Issue 12.
GitHub1s is a purely static web app (because it really doesn't need a backend service, does it?). So we just deploy it on GitHub Pages now (the gh-pages branch of this repository), and it is free. The service of GitHub1s could be reliable (GitHub is very reliable) because nobody needs to pay the web hosting bills.
”

总的来说，GitHub1s 这个仓库是基于 VS Code 构建的，灵感来源于 Code Server 这个 Repo，地址为：https://github.com/cdr/code-server，这个就是一个 Online 版的 VS Code。

那作者基于这个做了什么事呢？

他基于 VS Code 提供的 FileSystemProvider API 对接了 GitHub 的 REST API 实现了这些功能。其中前者是 VS Code 提供的，可以提供文件读写操作，当然读写在线文件也是没问题的了；而后者是 GitHub 提供的，通过 REST API 可以获取 Repo 的文件夹或者某个文件。

如此，GitHub1s 就诞生了。

知道了原理之后，我们也可以自己把 GitHub1s 代码下载下来，改写一下，扩展一些功能：比如解除只读限制，保存的时候直接存储到自己的 Repo 等。

具体的修改和开发流程可以参见：https://github.com/conwnet/github1s/blob/master/docs/guide.md#development

访问频率限制

另外作者也提到了一点：

“
For unauthenticated requests, the rate limit allows for up to 60 requests per hour. Unauthenticated requests are associated with the originating IP address, and not the user making requests.
”

对于未授权的请求，API 的请求频率是有限制的，每个 IP 每个小时访问限制是 60 次，所以用着用着就容易超限制了，可能就打不开文件了。

这里的频率限制我解读下，有朋友可能好奇，因为这个网站是 github1s.com 来 serve 的，所以请求是不是都是 github1s.com 这个服务器发出来的呢？所以不同的人其实都是用的一个 IP？

其实不是的，我观察了一下网络请求，是当前网页直接请求了 GitHub 的 API 实现的，所以 IP 就是我们自己客户端的真实 IP，网络请求如下所示：