Github域名加上1s,在线VS Code阅读源码神器诞生

本文涉及的产品
.cn 域名,1个 12个月
简介: 近日,一款域名为 github1s 开源项目诞生了,正如他的名字所说,只要在 github 地址上面加上 1s,就能秒级用在线 VS Code 打开 github 项目,这可以说为开发者带来了巨大的便利!!!

近日,一款域名为 github1s 开源项目诞生了,正如他的名字所说,只要在 github 地址上面加上 1s,就能秒级用在线 VS Code 打开 github 项目,这可以说为开发者带来了巨大的便利!!!


我们来看看这个项目打开后长什么样子~


以大家广为知道的 React 为例,只要将 github 替换成github1s


http://github.com/facebook/react


http://github1s.com/facebook/react


image.png


然后我们来谈谈这个项目的优缺点


优点



几乎拥有和本地 VS Code 一样的界面


在在线 VS Code 中打开,同样的款式同样的配方,这样阅读起来非常有亲切感,这种亲切感,可以更好地提高我们阅读代码的效率。


image.png


支持 VS Code 中的部分快捷键


能够 command + 单击 (window 应该是 ctrl + 单击)自动跳转到对应的函数。


image.png


支持 hover 后能够推导类型


image.png


支持代码收起和展开


这个功能对阅读源码非常有帮助,可以帮助我们收起一些不重要的函数,让我们摸清代码的主干。


image.png


支持代码在线比较


选中两个文件右键,就可以进行在线比较


image.png


一键下载单文件


对于 Github 站点上阅读整体目录不便的情况下,并且下载文件总是需要点击 Raw 再下载源文件,可以说这个功能方便太多了。(当然你也可以下载一些其他的插件)


image.png


缺点



不能点击文件跳转至其他文件


目前的版本中是无法直接点击引用文件自动打开其他文件


image.png


无法全局搜索


只有当我们打开了当前的文件,才会从当前打开的页面中进行全局搜索,没有打开的页面没办法全局搜索,这样对大型库的源码阅读还是造成了一定的影响。


image.png


技术探索



在 api 层面看到主要还是走了 github 的开放接口,这样有个问题就是我们国内用户,访问起来还是没法达到1s那么快,但是我的网络基本上3s初次渲染也完成了。


image.png


总结



带来了一定的便利,比纯用 github好用多了,也比 sourcegraph  插件使用起来体验更好!但是想要完全替代本地编辑器阅读源码,任然需要完善,例如上述说到的缺点。


综上源码阅读体验排名:


本地VS Code > Github1s > sourcegraph > Github站点


如果还有什么我没有发现的优缺点,欢迎留言中指出~

相关文章
|
4月前
|
JSON 编译器 开发工具
VS Code阅读Android源码
VS Code阅读Android源码
293 1
|
1月前
|
开发工具 git
GitHub——Error: Process completed with exit code 126.
GitHub——Error: Process completed with exit code 126.
18 1
GitHub——Error: Process completed with exit code 126.
|
1月前
vscode——devtools源码修改的内容如何和本地代码同步
vscode——devtools源码修改的内容如何和本地代码同步
26 4
|
4月前
|
开发框架 人工智能 前端开发
【GitHub】github学生认证,在vscode中使用copilot的教程
【GitHub】github学生认证,在vscode中使用copilot的教程
524 4
|
4月前
|
缓存 网络协议 Windows
FFmpeg开发笔记(六)如何访问Github下载FFmpeg源码
在国内访问GitHub不稳定时,可以采取三种解决方法。首先,通过网站(<https://ping.chinaz.com/github.com>)找到快速响应的GitHub IP,将其添加到本地hosts文件,然后刷新DNS缓存以正常访问。其次,使用代下载网站如(<https://d.serctl.com/>)下载GitHub上的压缩包。最后,可从国内镜像站点,如码云(<https://gitee.com/mirrors/ffmpeg>),下载FFmpeg等开源代码。这些方法有助于绕过访问限制,确保FFmpeg学习与开发的顺利进行。
120 3
FFmpeg开发笔记(六)如何访问Github下载FFmpeg源码
|
4月前
|
缓存 网络安全 开发工具
【尝试】域名验证:配置github二级目录下的txt文件
【尝试】域名验证:配置github二级目录下的txt文件
71 2
|
4月前
|
程序员 API Android开发
使用 VS Code + Github 搭建个人博客
搭建个人博客的方案
63 1
|
4月前
|
算法 Java
vscode插件webgl editor阅读,入门antlr
vscode插件webgl editor阅读,入门antlr
130 0
|
9月前
|
Java 容器
膜拜!清华大佬手撸多线程并发源码笔记Github上线3天星标35k+
你为什么要学习多线程?是因为理想吗?是因为热爱吗? 哦~原来是为了面试打基础、做准备啊!没错,这真的很现实!
膜拜!清华大佬手撸多线程并发源码笔记Github上线3天星标35k+
|
4月前
|
编译器 网络安全 数据安全/隐私保护
Trinitycore学习之在vscode查看远端服务器上源码配置
Trinitycore学习之在vscode查看远端服务器上源码配置
169 0