Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >如何在 GitHub 上高效阅读源码?

如何在 GitHub 上高效阅读源码?

原创
作者头像
AlwaysBeta
发布于 2021-12-21 08:17:16
发布于 2021-12-21 08:17:16
4530
举报
文章被收录于专栏:AlwaysBetaAlwaysBeta

原文链接: 如何在 GitHub 上高效阅读源码?

之前听说过一个故事,一个领导为了提高团队战斗力,把团队成员集中起来,搞封闭开发,重点还是在没有网的条件下。

结果就是一个月过去了,产出基本为零。

我发现,如果没有网,程序员基本上是写不出代码了。现在做什么功能之前,先到网上搜搜看,然后直接复制粘贴搞定。

最实用的技术就是这么朴实无华。

而大部分的代码都是在 GitHub 上找的,可以这么说,GitHub 基本上撑起了程序员一半的工资。

那如果不想把代码 clone 到本地,怎么在 GitHub 上高效阅读源码呢?

我最开始用的是一个插件,叫 Octotree

有了这个插件之后,在页面的最左侧会多一个目录树。这样的话,就可以快速查看项目的整体目录结构,而且在切换文件时也会更加流畅,再也不用来回刷新页面了。

细心的小伙伴可能也发现了,上面的截图还有一处不同,就是页面中央多了一个「GitHub1s」按钮。

没错,这就是我要介绍的第二个插件。

点击这个按钮之后呢,就会呼出在线版的 VS Code,然后使用 VS Code 打开代码仓库,直接享受 IDE 的体验。

如果想直接通过网址来打开也是可以的,比如我的项目地址是:

https://github.com/yongxinz/id-maker

只需要将地址稍稍改动,加一个 1s 即可:

https://github1s.com/yongxinz/id-maker

那么这个 1s 到底是什么意思呢?官方是这么说的:

One second to read GitHub code with VS Code.

当然了,我们也可以把代码拉下来,自己部署。然后根据服务响应的快慢,起个名字叫 2s 或者 3s 都可以。

虽然这种方式已经很方便了,但还有一个缺点,就是打开的代码是只读的,不能编辑。比如我只想改几个很小的点,那么不好意思,还是要把代码 clone 下来,走一遍提交流程。

那还有更好的方式吗?

当然有。

终于到重点了,隆重推出由官方支持的方式:只需要在代码仓库页面按一下 . 就可以直接使用 VS Code 打开,而且支持编辑。

Press the . key on any repository or pull request, or swap .com with .dev in the URL, to go directly to a VS Code environment in your browser.

也可以通过地址访问,把 .com 改成 .dev,比如:

https://github.dev/yongxinz/id-maker

太方便了,太优雅了。感觉好多操作都可以直接在浏览器里搞定了。

微软还是厉害。曾几何时,我记得微软在网上骂声一片,对其收购 GitHub 也持悲观态度。但人家现在开源项目已经上千个了,还在不断贡献。而且产品也越做越好,别的不说,单靠 VS Code 就俘获了多少程序员的芳心。

科技公司还是得踏踏实实搞技术,诚心诚意做产品,搞其他花里胡哨的东西没啥用。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
github上阅读源码很费劲?你可能不知道这几个神器
有时候在github浏览到合适的仓库时,总想着打开看看源码,但又不想克隆。推荐几个在线编辑器打开github仓库的网站~
若川
2022/11/11
4340
github上阅读源码很费劲?你可能不知道这几个神器
分享一个Github逆天级别的彩蛋
要想成为大神,Github就是最佳样板,而原生的Github代码文件浏览很不方便, 我本人最希望阅读源码时:
有态度的马甲
2021/06/08
5480
分享一个Github逆天级别的彩蛋
如何轻松阅读 GitHub 上的项目源码 ?
作者:牛岱 link:https://www.zhihu.com/question/27821340/answer/808399749
Ai学习的老章
2019/09/24
8010
如何轻松阅读 GitHub 上的项目源码 ?
我丢,GitHub 上竟然还有这种骚操作
众所周知,GitHub 是一个面向开源及私有软件项目的托管平台,因为只支持 Git 作为唯一的版本库格式进行托管,故名 GitHub。
沉默王二
2021/03/31
5210
我找到了阅读GitHub项目源码的最佳姿势,太舒服了!
如果您跟我一样,经常上GitHub看开源项目,那么一定有这样的感觉:在线阅读代码很不方便!所以,很多时候,我们都是通过git clone方式下载下来。然后用开发工具打开就可以非常顺滑的阅读了。 但是这样的还是需要比较复杂的步骤,今天就给大家推荐一个开源工具:github1s。 通过github1s的帮助,我们可以更方便的阅读GitHub上的开源项目。 简介 GitHub1s 是一个Web应用程序,允许开发者直接在GitHub上浏览、编辑和调试代码。它是一个强大的工具,可以帮助开发者节省时间,提高生产力。下面
程序猿DD
2023/04/04
1.8K0
我找到了阅读GitHub项目源码的最佳姿势,太舒服了!
一秒钟阅读 VS Code 阅读 GitHub 代码
为什么标题叫Github 1s,因为现在只需要1s即可在线阅读浏览GitHub上的项目,这是对程序员来说更是提高了面向CV编程Ctrl+C/V代码速度更加快
爱敲代码的猫
2022/09/28
3590
一秒钟阅读 VS Code 阅读 GitHub 代码
直接用VS Code浏览GitHub代码,太爽了!
VS Code & Github,想必这两个东东大家都再熟悉不过了吧?但是你有没有想过直接在 VS Code 上查看 GitHub Repo 的代码呢?
永恒君
2023/02/20
3.7K0
直接用VS Code浏览GitHub代码,太爽了!
Github域名加上1s,在线VS Code阅读源码神器诞生
近日,一款域名为 github1s 开源项目诞生了,正如他的名字所说,只要在 github 地址上面加上 1s,就能秒级用在线 VS Code 打开 github 项目,这可以说为开发者带来了巨大的便利!!!
秋风的笔记
2021/03/11
1.4K0
Github域名加上1s,在线VS Code阅读源码神器诞生
Chrome插件:减少你看知乎、微博、B站的摸鱼时间和频率
减少摸鱼的时间和频率的Chrome插件:在上班/学习期间很容易下意识的打开摸鱼网站,插件帮助我们减少摸鱼的时间和频率,提高我们上班和学习的效率,节省时间用于学习提升自己或者享受生活。
OBKoro1
2022/01/18
1.3K1
Chrome插件:减少你看知乎、微博、B站的摸鱼时间和频率
GitHub 官方出的 Online VSCode 编辑器太香了!
之前我写了一篇文章《爽爆了!我搞了一个网页版 VS Code》介绍过自己搭建一个 Online VSCode 编辑器,虽然搭建过程稍显复杂,但用起来是真的挺爽的。另外还有一篇文章《介绍一个十分牛逼的 GitHub 看代码神器》介绍了可以一键打开一个 Online VSCode 编辑器的方式,就是在 github.com 后面加 1s,不过这个 VSCode 编辑器不是官方支持的,而且不能编辑和保存代码,稍显鸡肋。
崔庆才
2021/10/08
26.9K0
GitHub 官方出的 Online VSCode 编辑器太香了!
Github 源码阅读神器:Octotree
之前在 Github 上翻阅 Java 开源项目源代码体验非常差,比如一个基于 Spring Boot 的标准 MVC 项目,需要 controller->service->mapper 等目录来回重新翻阅非常不便。
猿芯
2021/03/22
8050
Github 源码阅读神器:Octotree
牛逼至极!用这个神器看代码太舒服了
给大家介绍一个非常实用的工具,有了它,我们可以在几秒之内用 VS Code 打开 GitHub 上的任意一个 Repo,无需 Clone,速度飞快!
崔庆才
2021/03/03
9560
牛逼至极!用这个神器看代码太舒服了
22.2k stars的GitHub辅助阅读源码神器
在GitHub上查看一个项目的源代码,需要一个目录一个文件的点击查看,效率很低,没有层次,那么有没有办法可以像开发IDE一样的阅读体验呢?下面我们就介绍一款浏览器插件。 Octotree一款增强 Gi
开源日记
2023/03/10
1.1K0
22.2k stars的GitHub辅助阅读源码神器
用VS Code直接浏览GitHub代码 | 12.1K星
而且操作方式也是非常的简单,只需要在浏览器网址部分中的“github”后边,添加一个“1s”就可以了。
量子位
2021/02/26
3390
用VS Code直接浏览GitHub代码 | 12.1K星
8个酷炫的GitHub技巧,让你看起来像大佬一样!
这是一个很酷的功能,只有少数人知道。当你想查看一个文件的内容时,你可以按 "T"键,然后输入文件名,就可以直接跳到目标文件。
前端小智@大迁世界
2022/05/27
6500
8个酷炫的GitHub技巧,让你看起来像大佬一样!
提高github下载速度的方法【100%有效】可达到2MB/s
转:https://blog.csdn.net/kcx64/article/details/83866633
墨文
2020/03/02
1.8K0
『沉浸式Github 使用指南 』
github-ten.png 你要问我这个世界上什么学习方法是坚持下去最有效果 -- 模仿。 深度模仿。 ---- 2014年9月,正式来到上海,不为别的,为了读书。为了获得更高的学历。 那时,我没有想好,未来到底应该从事什么工作。也许搞电器、电机吧。因为专业是这相关的。 大学四年的学习,大概让我明白。我可能不太喜欢这门专业。 读研的一段时间下来,发现也不是太喜欢科研,尤其是导师的科研偏向理论化,内心没有太大的想要提高科研水平的想法。 之后的时间内,我开始了摸索。
谢伟
2018/06/06
9090
GitHub代码查看神器—Sourcegraph插件安装和使用
程序员工作中经常会阅读大神们的代码进行学习研究和使用。GitHub上有很多好的开源的代码,但阅读起来不光费劲,而且项目结构也不容易搞清楚,Sourcegraph就是一个可以很好地查看代码的工具。
杨永贞
2022/01/07
6.3K0
GitHub代码查看神器—Sourcegraph插件安装和使用
用好这 42 款 Chrome 插件,每年轻松省出一个年假(附下载)
相信很多人都在使用 Chrome 浏览器,其流畅的浏览体验得到了不少用户偏爱,但流畅只是一方面, Chrome 最大的优势还是其支持众多强大好用的扩展程序(Extensions)。
数据派THU
2019/09/17
19.6K0
用好这 42 款 Chrome 插件,每年轻松省出一个年假(附下载)
加速国内Github 访问和下载的9种方案,第1个就起飞了
上次说到最近在做模型工程整治方案,去github上搜开源框架的时候,发现真的国内访问Github真的慢的要命。开vpn的话,某些国内的站点访问起来就很慢,难受的不行。
马拉松程序员
2022/04/26
18.2K0
加速国内Github 访问和下载的9种方案,第1个就起飞了
推荐阅读
相关推荐
github上阅读源码很费劲?你可能不知道这几个神器
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档