當前位置: 妍妍網 > 碼農

22.4K+ Star!1秒實作VS Code瀏覽GitHub程式碼,太爽了!

2024-02-06碼農

* 戳上方藍字「 開源先鋒 」關註我

推薦閱讀:


大家好,我是開源君!

VS Code 和 GitHub,相信大家對這兩個工具都不陌生。但你有沒有考慮過在VS Code上直接檢視GitHub倉庫的程式碼呢?

最近,我在GitHub上發現了一個很棒的計畫- github1s 。這個計畫可以讓你1s時間實作在VS Code界面上閱讀GitHub上的開源計畫程式碼,實作了兩者之間的無縫連線。

計畫特色

  • 基於VS Code:github1s是在VS Code的基礎上構建的,在瀏覽器中提供了與VS Code一致的開發環境和功能。

  • 即點即用:只需在GitHub倉庫的URL中加入1s即可快速存取github1s。

  • 高度一致性:github1s提供了與GitHub倉庫一致的程式碼結構和內容展示,包括檔樹、檔內容、送出歷史等。

  • 多種主題和外掛程式支持:github1s支持多種VS Code主題和外掛程式,可以根據個人喜好進行客製化配置,使使用體驗更加個人化。

  • 使用體驗

    使用方法也很簡單,計畫叫github1s,我們只需要在瀏覽器中輸入GitHub連結中的"github"加上"1s",然後按下回車即可實作。

    比如,之前推薦的一個終端自動補全工具Fig的計畫地址為

    https://github.com/chubin/cheat.sh

    如果在GitHub上開啟,會顯示如下的頁面:

    但是,如果在"github"之前加上"1s",然後按下回車,將會發生魔法般的事情,直接進入到VS Code界面,

    連結變為:

    https://github 1s .com/chubin/cheat.sh

    透過在瀏覽器中開啟github1s並進入cheat.sh計畫的原始碼,相當於在瀏覽器中開啟了一個線上版的VS Code,從而實作了非常方便的程式碼檢視體驗。

    完全不需要進行複制操作,也不需要進行任何配置,開啟速度非常快,而且界面和圖示與我們熟悉的VS Code完全一致。

    不過需要註意的是,程式碼是以唯讀模式開啟的,我們只能檢視程式碼,無法進行修改。

    另外,github1s中也可以使用VS Code中的快捷鍵,比如

    使用Ctrl + P可以快速找到一個檔,這使得程式碼的導航和編輯更加高效。

    Ctrl + F 文本搜尋

    另外,計畫作者還搞了一個 Chrome 外掛程式 - Open in GitHub1s。

    安裝之後,會在計畫的旁邊多出一個Open in GitHub1s 的按鈕,如圖所示:

    直接點選就可以直接跳轉到剛剛 github1s.com 開啟這個界面,是不是更方便了!

    如果你對該計畫的實作原理、二次開發的方法感興趣的話,可以去計畫地址進行檢視,作者做了很詳細的介紹。

    計畫地址:
    https://github.com/conwnet/github1s