如何在 GitHub 上高效閱讀源碼？
之前聽說過一個(gè)故事，一個(gè)領(lǐng)導(dǎo)為了提高團(tuán)隊(duì)?wèi)?zhàn)斗力，把團(tuán)隊(duì)成員集中起來，搞封閉開發(fā)，重點(diǎn)還是在沒有網(wǎng)的條件下。
結(jié)果就是一個(gè)月過去了，產(chǎn)出基本為零。
我發(fā)現(xiàn)，如果沒有網(wǎng)，程序員基本上是寫不出代碼了?，F(xiàn)在做什么功能之前，先到網(wǎng)上搜搜看，然后直接復(fù)制粘貼搞定。
最實(shí)用的技術(shù)就是這么樸實(shí)無華。
而大部分的代碼都是在 GitHub 上找的，可以這么說，GitHub 基本上撐起了程序員一半的工資。
那如果不想把代碼 clone 到本地，怎么在 GitHub 上高效閱讀源碼呢?
我最開始用的是一個(gè)插件，叫 Octotree。
有了這個(gè)插件之后，在頁面的最左側(cè)會(huì)多一個(gè)目錄樹。這樣的話，就可以快速查看項(xiàng)目的整體目錄結(jié)構(gòu)，而且在切換文件時(shí)也會(huì)更加流暢，再也不用來回刷新頁面了。
細(xì)心的小伙伴可能也發(fā)現(xiàn)了，上面的截圖還有一處不同，就是頁面中央多了一個(gè)「GitHub1s」按鈕。
沒錯(cuò)，這就是我要介紹的第二個(gè)插件。
點(diǎn)擊這個(gè)按鈕之后呢，就會(huì)呼出在線版的 VS Code，然后使用 VS Code 打開代碼倉庫，直接享受 IDE 的體驗(yàn)。
如果想直接通過網(wǎng)址來打開也是可以的，比如我的項(xiàng)目地址是：
- https://github.com/yongxinz/id-maker
只需要將地址稍稍改動(dòng)，加一個(gè) 1s 即可：
- https://github1s.com/yongxinz/id-maker
那么這個(gè) 1s 到底是什么意思呢?官方是這么說的：
One second to read GitHub code with VS Code.
當(dāng)然了，我們也可以把代碼拉下來，自己部署。然后根據(jù)服務(wù)響應(yīng)的快慢，起個(gè)名字叫 2s 或者 3s 都可以。
雖然這種方式已經(jīng)很方便了，但還有一個(gè)缺點(diǎn)，就是打開的代碼是只讀的，不能編輯。比如我只想改幾個(gè)很小的點(diǎn)，那么不好意思，還是要把代碼 clone 下來，走一遍提交流程。
那還有更好的方式嗎?
當(dāng)然有。
終于到重點(diǎn)了，隆重推出由官方支持的方式：只需要在代碼倉庫頁面按一下 . 就可以直接使用 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
太方便了，太優(yōu)雅了。感覺好多操作都可以直接在瀏覽器里搞定了。
微軟還是厲害。曾幾何時(shí)，我記得微軟在網(wǎng)上罵聲一片，對(duì)其收購 GitHub 也持悲觀態(tài)度。但人家現(xiàn)在開源項(xiàng)目已經(jīng)上千個(gè)了，還在不斷貢獻(xiàn)。而且產(chǎn)品也越做越好，別的不說，單靠 VS Code 就俘獲了多少程序員的芳心。
科技公司還是得踏踏實(shí)實(shí)搞技術(shù)，誠心誠意做產(chǎn)品，搞其他花里胡哨的東西沒啥用。
