一、需求描述
Github,作为一个程序员,大家应该都有了解过,浏览过。无数开源爱好者都愿意把自己的项目开源出去给全世界的程序员一起阅读。
我们实际开发过程中,也有在github上找到很多有用的源码,直接使用或者查看借鉴。
by the way, 你真的有在浏览器上直接查看开源项目的源码吗?
话说,我基本上不直接在浏览器查看github的源码,原因无他,特TM的难用。
所以一般情况,想看的时候,直接git clone 到本地,然后使用对应的IDE打开。
但是这样还是比较麻烦,
可不可以直接在浏览器上,直接像本地的IDE一样阅读 GitHub 源码呢?
答案是可以的,下面我们就来介绍下这个功能!!!
二、github1s介绍
2.1 github1s项目源码
2.2 github1s 介绍
2.2.1 什么是github1s?
github1s : 一秒钟阅读VS Code的GitHub代码。
2.2.2 怎么使用github1s?
只需在github之后添加1s,然后在浏览器地址栏中按Enter即可读取您要阅读的任何存储库。例如,在VS Code仓库上尝试一下:
https://github1s.com/microsoft/vscode
加载中
加载完成
直接查看源码
2.2.3有关浏览器扩展
有关浏览器扩展,请参阅第三方相关项目。
或将以下代码段另存为书签,您可以使用它在github.com和github1s.com之间快速切换(GitHub markdown不允许js链接,因此只需将其复制到书签中即可)。
javascript: window.location.href = window.location.href.replace(/github(1s)?.com/, function(match, p1) { return p1 ? 'github.com' : 'github1s.com' })
2.2.4 在云端开发
要编辑文件,运行Docker容器,创建拉取请求等,请在状态栏中单击“在Gitpod上开发项目”按钮。您也可以打开命令面板(默认快捷键Ctrl + Shift + P),然后选择GitHub1s:在Gitpod中编辑文件。
比如项目: https://github1s.com/ouyangpeng/kotlin-linq-examples
点击【Develop your project on Gitpod】
会打开界面
https://gitpod.io/#https://github.com/ouyangpeng/kotlin-linq-examples
点击【Login with GitHub & Launch Workspace】按钮
加载中
授权登录界面
点击【Authorizegitpod-io】
授权完成
点击【Accept Terms】
然后会刷新,重新进入到项目
可以进行代码编辑
安装好对应的Kotlin插件,然后可以编写代码了
刚刚修改的,也可以使用git命令查看修改记录
或者直接打开左边的【Source Control】面板,查看修改记录
2.3 github1s作者
作者是:netcon,github地址是: https://github.com/conwnet
2.4 github1s怎么工作的?
Github1s,基于 VS Code 1.52.1,可以为浏览器版本正式构建VS Code。
Github1s 的灵感主要借鉴了 code-server 这个优秀的开源项目,星标有 40.6K,可以将 VS Code 运行在任何支持浏览器的机器上。可以说,Github1s 是站在了巨人的肩膀上。
由于VS Code具有强大而灵活的可扩展性,因此我们可以轻松地实现VS Code扩展,从而使用 FileSystemProvider API提供自定义File IO功能。有一个名为vscode-web-playground的官方演示,演示了如何使用它。另一方面,GitHub提供了功能强大的 REST API,可用于各种任务,包括确定地读取目录和文件。
综上所述,显然,GitHub1s的核心概念是使用GitHub REST API实现VS Code扩展(包括FileSystemProvider)。
三、总结
- 感谢开源
- 有这么好的神兵利器,赶快用起来吧!