Github域名加上`1s`，線上VS Code閱讀原始碼神器誕生

語言: CN / TW / HK
時間 2021-02-17 22:01:17

近日，一款域名為 github1s 開源專案誕生了，正如他的名字所說，只要在 github 地址上面加上 1s，就能秒級用線上 VS Code 開啟 github 專案，這可以說為開發者帶來了巨大的便利！！！

我們來看看這個專案開啟後長什麼樣子~

以大家廣為知道的 React 為例，只要將 github 替換成github1s

http://github.com/facebook/react

http://github1s.com/facebook/react

然後我們來談談這個專案的優缺點

優點

幾乎擁有和本地 VS Code 一樣的介面

在線上 VS Code 中開啟，同樣的款式同樣的配方，這樣閱讀起來非常有親切感，這種親切感，可以更好地提高我們閱讀程式碼的效率。

支援 VS Code 中的部分快捷鍵

能夠 command + 單擊 （window 應該是 ctrl + 單擊）自動跳轉到對應的函式。

支援 hover 後能夠推導型別

支援程式碼收起和展開

這個功能對閱讀原始碼非常有幫助，可以幫助我們收起一些不重要的函式，讓我們摸清程式碼的主幹。

支援程式碼線上比較

選中兩個檔案右鍵，就可以進行線上比較

一鍵下載單檔案

對於 Github 站點上閱讀整體目錄不便的情況下，並且下載檔案總是需要點選 Raw 再下載原始檔，可以說這個功能方便太多了。（當然你也可以下載一些其他的外掛）

缺點

不能點選檔案跳轉至其他檔案

目前的版本中是無法直接點選引用檔案自動開啟其他檔案

無法全域性搜尋

只有當我們打開了當前的檔案，才會從當前開啟的頁面中進行全域性搜尋，沒有開啟的頁面沒辦法全域性搜尋，這樣對大型庫的原始碼閱讀還是造成了一定的影響。

技術探索

在 api 層面看到主要還是走了 github 的開放介面，這樣有個問題就是我們國內使用者，訪問起來還是沒法達到1s那麼快，但是我的網路基本上3s初次渲染也完成了。

總結

帶來了一定的便利，比純用 github好用多了，也比 sourcegraph 外掛使用起來體驗更好！但是想要完全替代本地編輯器閱讀原始碼，任然需要完善，例如上述說到的缺點。

綜上原始碼閱讀體驗排名:

本地VS Code > Github1s > sourcegraph > Github站點。

如果還有什麼我沒有發現的優缺點，歡迎留言中指出~

最後

回看筆者往期高贊文章，也許能收穫更多喔！

結語

❤️關注+點贊+收藏+評論+轉發❤️，原創不易，鼓勵筆者創作更好的文章

關注公眾號秋風的筆記，一個專注於前端面試、工程化、開源的前端公眾號

  • 關注後回覆簡歷獲取100+套的精美簡歷模板
  • 關注後回覆好友拉你進技術交流群+面試交流群
  • 歡迎關注秋風的筆記
「」
「」