天天看點

如何在 GitHub 上高效閱讀源碼?

原文連結: 如何在 GitHub 上高效閱讀源碼?

之前聽說過一個故事,一個上司為了提高團隊戰鬥力,把團隊成員集中起來,搞封閉開發,重點還是在沒有網的條件下。

結果就是一個月過去了,産出基本為零。

我發現,如果沒有網,程式員基本上是寫不出代碼了。現在做什麼功能之前,先到網上搜搜看,然後直接複制粘貼搞定。

如何在 GitHub 上高效閱讀源碼?

最實用的技術就是這麼樸實無華。

而大部分的代碼都是在 GitHub 上找的,可以這麼說,GitHub 基本上撐起了程式員一半的工資。

那如果不想把代碼 clone 到本地,怎麼在 GitHub 上高效閱讀源碼呢?

我最開始用的是一個插件,叫 Octotree。

如何在 GitHub 上高效閱讀源碼?

有了這個插件之後,在頁面的最左側會多一個目錄樹。這樣的話,就可以快速檢視項目的整體目錄結構,而且在切換檔案時也會更加流暢,再也不用來回重新整理頁面了。

細心的小夥伴可能也發現了,上面的截圖還有一處不同,就是頁面中央多了一個「GitHub1s」按鈕。

沒錯,這就是我要介紹的第二個插件。

如何在 GitHub 上高效閱讀源碼?

點選這個按鈕之後呢,就會呼出線上版的 VS Code,然後使用 VS Code 打開代碼倉庫,直接享受 IDE 的體驗。

如果想直接通過網址來打開也是可以的,比如我的項目位址是:

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

隻需要将位址稍稍改動,加一個 <code>1s</code> 即可:

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

那麼這個 <code>1s</code> 到底是什麼意思呢?官方是這麼說的:

One second to read GitHub code with VS Code.

當然了,我們也可以把代碼拉下來,自己部署。然後根據服務響應的快慢,起個名字叫 <code>2s</code> 或者 <code>3s</code> 都可以。

雖然這種方式已經很友善了,但還有一個缺點,就是打開的代碼是隻讀的,不能編輯。比如我隻想改幾個很小的點,那麼不好意思,還是要把代碼 clone 下來,走一遍送出流程。

那還有更好的方式嗎?

當然有。

終于到重點了,隆重推出由官方支援的方式:隻需要在代碼倉庫頁面按一下 <code>.</code> 就可以直接使用 VS Code 打開,而且支援編輯。

Press the <code>.</code> 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.

也可以通過位址通路,把 <code>.com</code> 改成 <code>.dev</code>,比如:

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

太友善了,太優雅了。感覺好多操作都可以直接在浏覽器裡搞定了。

微軟還是厲害。曾幾何時,我記得微軟在網上罵聲一片,對其收購 GitHub 也持悲觀态度。但人家現在開源項目已經上千個了,還在不斷貢獻。而且産品也越做越好,别的不說,單靠 VS Code 就俘獲了多少程式員的芳心。

科技公司還是得踏踏實實搞技術,誠心誠意做産品,搞其他花裡胡哨的東西沒啥用。

我們程式員呢,努力提升技術,然後多給文章點在看,多轉發,就挺好。

推薦閱讀:

開始讀 Go 源碼了

熱情推薦:

技術部落格: 硬核後端技術幹貨,内容包括 Python、Django、Docker、Go、Redis、ElasticSearch、Kafka、Linux 等。

Go 程式員: Go 學習路線圖,包括基礎專欄,進階專欄,源碼閱讀,實戰開發,面試刷題,必讀書單等一系列資源。

面試題彙總: 包括 Python、Go、Redis、MySQL、Kafka、資料結構、算法、程式設計、網絡等各種常考題。

繼續閱讀