「1s」即可!用 VS Code 一键玩转 GitHub 代码!

2021年2月20日 314点热度 0人点赞 0条评论

图片

整理 | 郑丽媛
出品 | CSDN(ID:CSDNnews)

对于大多数程序员来说,VS Code 编辑器并不陌生,GitHub 更是几乎每一位程序员都会访问的网站。那你有想过吗,有一天你可以通过 VS Code 直接查看 GitHub 上的项目代码?

别说这是天方夜谭,GitHub 上真的有大佬实现了这个想法,并且操作非常简单!


图片

神仙项目 github1s


这个项目就是 github1s(项目地址:https://github.com/conwnet/github1s),它的操作方式正如其名:仅需在浏览器地址栏 GitHub 网址链接中的“github”后面添加“1s”,最后按下 Enter 键,用户即可直接在 VS Code 上读取 GitHub 上的各类项目代码

图片

图片

(图片来自项目本身)

据项目作者 netcon 在运行原理解释中提到, github1s 作为一款纯静态的 Web 应用程序,目前基于 VS Code 1.52.1,核心概念是使用 GitHub REST API 实现 VS Code 扩展(包括 FileSystemProvider)。不过据作者透露,将来可能会切换到 GitHub GraphQL API 以获得更好的用户体验。

对于渴望进一步对此项目进行拓展的开发者来说,项目介绍中也指出需要具备一些先决条件(与 VS Code 相同)

$ git clone [email protected]: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.

之后,开发者可以使用 VS Code 插件 Remote-Containers 将 Docker 容器用作开发环境,随后便可以打开一个新的 VS Code Terminal 去运行上面列出的 yarn 命令。最后构建代码如下:

$ yarn$ yarn build

图片

小马过河精神

创建出这么一个神仙项目,我们势必要看看背后的作者是何等大佬了。

图片

正如上文所说,netcon 是该项目的作者,在看过他的主页后,赫然发现这竟一名来自腾讯、身处深圳的程序员。正如在个人介绍中提到的“你听过小马过河的故事吗?”,netcon 也一直秉持着“小马过河”的精神,独立自强、勇于尝试,创建了许多项目:除了 github1s,这位大佬还创建了使用 Vue 实现的华容道游戏的 huarongdao 和据自身经验收集在各大 OJ 刷过的题的 way-of-algorithm 等项目。

图片

反响热烈

github1s 项目在 GitHub 上发布不到一个月,Star 数就已经达到 13k,fork 该项目的 surf 项目也登上了 GitHub 热门趋势榜,Star 数截止目前已有 1.5k。

图片

看到这里,你还不如快去试试这个反响热烈、操作又非常便捷的项目?别忘记评论区留下你们的“试后感”~

参考链接:

https://github.com/conwnet/github1s

https://www.githubs.cn/trending

图片

小米回应造车传闻;饿了么就春节“套路”骑手活动致歉;Go 1.16 正式发布 | 极客头条

破圈!不止于浏览器,WebAssembly 2020 大事记

25 万行逆向源码遭下架!

Linux 登陆火星,占有率再超 Windows,NASA 还在 GitHub 发布源码教程

图片

27140「1s」即可!用 VS Code 一键玩转 GitHub 代码!

root

这个人很懒,什么都没留下

文章评论