來自公眾號：崔慶才丨靜覓

文章插圖
 給大家介紹一個非常實用的工具，有了它，我們可以在幾秒之內(nèi)用 VS Code 打開 GitHub 上的任意一個 Repo，無需 Clone，速度飛快！用法也十分簡單而且好記，下面給大家介紹下 。介紹比如這里是 Scrapy 的倉庫： https://github.com/scrapy/scrapy，用 GitHub 打開是這樣的：

文章插圖
 GitHub倉庫看代碼的時候我們可能需要一個個點進去，速度慢而且感覺不太方便 。為此大家可能安裝了一些 Chrome 插件，比如比較火的是 Octotree，安裝之后效果是這樣的：

文章插圖
 Octotree效果安裝這個插件之后，在網(wǎng)頁左側(cè)會出現(xiàn)一個文件樹方便我們快速定位文件 。然鵝，個人感覺總不是真正想要的那種味道 ?，F(xiàn)在好了 。這時候，我們只需要在網(wǎng)址 github 后面加上 1s，變成：https://github 1s.com/scrapy/scrapy

文章插圖
 沒錯，就是這么簡單好記 。訪問之后，就可以看到這樣的頁面：

文章插圖
 是的沒錯，這就在瀏覽器中打開了一個在線版的 VS Code，并打開了 Scrapy 的源代碼，看代碼就非常方便了 。無需克隆，無需任何配置，打開飛速，代碼高亮！一些快捷鍵也是和 VS Code 一樣的，比如 Cmd/Ctrl + P，就可以快速找到一個文件：

文章插圖
 Cmd/Ctrl + F 搜索：

文章插圖
 不過我試了一下全局搜索貌似只能限制在一個文件內(nèi)，不知道是哪里設(shè)置的問題 。有的朋友可能會問，代碼能修改嗎？答案是 不能，代碼都是以只讀模式打開的，也就是我們只能看，沒法改 。不過這也合情合理，畢竟任意 Repo 都能打開，改了又存到哪里呢？原理另外有的朋友可能好奇這個的實現(xiàn)原理是怎樣的，我扒了一下源碼，看到作者是這么介紹的：

“

Github1s is based on VS Code 1.52.1 now. VS Code can be built for a browser version officially. I also used the code and got inspired by Code Server.

Thanks to the very powerful and flexible extensibility of VS Code, we can easily implement a VS Code extension that provides the custom File IO ability using FileSystemProvider API. There is an official demo named vscode-web-playground which shows how it is used.

On the other hand, GitHub provides the powerful REST API that can be used for a variety of tasks which includes reading directories and files for sure.

According to the above, obviously, the core concept of GitHub1s is to implement a VS Code Extension (includes FileSystemProvider) using GitHub REST API.

We may switch to the GitHub GraphQL API for more friendly user experience in the future, thanks to @xcv58 and @kanhegaonkarsaurabh. See details at Issue 12.

• 上一頁
• 1
• 2
• 3
• 下一頁

以上關(guān)于本文的內(nèi)容，僅作參考！溫馨提示：如遇健康、疾病相關(guān)的問題，請您及時就醫(yī)或請專業(yè)人士給予相關(guān)指導(dǎo)!

「愛刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容，希望對您有所幫助：

• 軟件開發(fā)培訓(xùn)學(xué)校：網(wǎng)校系統(tǒng)可以幫助教育企業(yè)解決哪些問題？
• 軟件開發(fā)培訓(xùn)學(xué)校：影響在線教育軟件發(fā)展的因素你了解幾種？
• 軟件開發(fā)培訓(xùn)學(xué)校:你現(xiàn)有的崗位工作多少年，薪資能趕上程序員？
• 軟件開發(fā)培訓(xùn)學(xué)校:深圳專業(yè)java編程入門學(xué)校有什么不一樣
• 軟件開發(fā)培訓(xùn)學(xué)校:軟件開發(fā)培訓(xùn)學(xué)校Java就業(yè)培訓(xùn)班詳情分享
• 軟件開發(fā)培訓(xùn)學(xué)校:學(xué)IT哪個學(xué)校好？選擇時注意哪些
• 軟件開發(fā)培訓(xùn)學(xué)校:怎么學(xué)習(xí)編程不會讓初學(xué)者半途而廢
• 軟件開發(fā)培訓(xùn)學(xué)校,軟件開發(fā)培訓(xùn)班,軟件開發(fā)培訓(xùn)學(xué)校哪家好
• 軟件開發(fā)培訓(xùn)學(xué)校：依稀章臺下 纖纖揮素手 明月人如舊
• 軟件開發(fā)培訓(xùn)學(xué)校：軟件測試培訓(xùn)機構(gòu)排行榜？怎么選擇合適的培訓(xùn)機構(gòu)？