无需下载，1秒查看GitHub项目源码

有时候想要查看 GitHub 某个项目源码时，不得不下载下来，用 VSCode 查看其内容。最近出了一个项目 github1s，可以在项目的地址中加入 1s 即可用一个 web 版的 IDE 打开 GitHub 项目。

比如前端小课项目地址是：

https://github.com/lefex/FE

修改一下地址，加入 1s：

https://github1s.com/lefex/FE

即可打开一个 web IDE：

其实这个功能 GitHub 官方提供比较好，比如直接添加一个按钮，点击后即可打开一个 Web IDE 用来查看、编辑项目，估计 GitHub 慢慢会支持这个功能。

此项目的兴起，相信 Web IDE 在将来的开发中会越来越普及。那么它是如何工作的呢？

VSCode 本身提供了可以在浏览器运行的版本，可以在此基础上扩展UI，实现一个 web 版的在线 IDE。再结合 GitHub 本身提供的 API，可以获取一项项目的基本信息，比如文件目录。

其实还可以扩展一下，比如支持查看、编辑云端开发机的代码（比如我们用的开发机），这样比使用命令行工具更便捷、高效。

详细实现，可以查看项目源码：

https://github.com/conwnet/github1s

长按关注

素燕《前端小课》

帮助 10W 人入门并进阶前端

官网：https://lefex.gitee.io/