美文网首页辅助资料网页开发
如何在 GitHub 上高效阅读源码?

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

作者: yongxinz | 来源:发表于2021-12-21 14:39 被阅读0次

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

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

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

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

    image

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

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

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

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

    image

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

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

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

    image

    点击这个按钮之后呢,就会呼出在线版的 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 打开,而且支持编辑。

    image

    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 就俘获了多少程序员的芳心。

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

    我们程序员呢,努力提升技术,然后多给文章点在看,多转发,就挺好。


    推荐阅读:

    热情推荐:

    • 技术博客 硬核后端技术干货,内容包括 Python、Django、Docker、Go、Redis、ElasticSearch、Kafka、Linux 等。
    • Go 程序员 Go 学习路线图,包括基础专栏,进阶专栏,源码阅读,实战开发,面试刷题,必读书单等一系列资源。
    • 面试题汇总 包括 Python、Go、Redis、MySQL、Kafka、数据结构、算法、编程、网络等各种常考题。

    相关文章

      网友评论

        本文标题:如何在 GitHub 上高效阅读源码?

        本文链接:https://www.haomeiwen.com/subject/ndfzfrtx.html