* 戳上方藍字「 開源先鋒 」關註我
推薦閱讀:
大家好,我是開源君!
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