如何在 GitHub 上高效閱讀原始碼?

yongxinz發表於2021-12-20

原文連結: 如何在 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 就俘獲了多少程式設計師的芳心。

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

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


推薦閱讀:

熱情推薦:

  • 技術部落格 硬核後端技術乾貨,內容包括 Python、Django、Docker、Go、Redis、ElasticSearch、Kafka、Linux 等。
  • Go 程式設計師 Go 學習路線圖,包括基礎專欄,進階專欄,原始碼閱讀,實戰開發,面試刷題,必讀書單等一系列資源。
  • 面試題彙總 包括 Python、Go、Redis、MySQL、Kafka、資料結構、演算法、程式設計、網路等各種常考題。

相關文章