来自公众号：崔庆才丨静觅

文章插图
 给大家介绍一个非常实用的工具，有了它，我们可以在几秒之内用 VS Code 打开 GitHub 上的任意一个 Repo，无需 Clone，速度飞快！用法也十分简单而且好记，下面给大家介绍下 。介绍比如这里是 Scrapy 的仓库： https://github.com/scrapy/scrapy，用 GitHub 打开是这样的：

文章插图
 GitHub仓库看代码的时候我们可能需要一个个点进去，速度慢而且感觉不太方便 。为此大家可能安装了一些 Chrome 插件，比如比较火的是 Octotree，安装之后效果是这样的：

文章插图
 Octotree效果安装这个插件之后，在网页左侧会出现一个文件树方便我们快速定位文件 。然鹅，个人感觉总不是真正想要的那种味道 。现在好了 。这时候，我们只需要在网址 github 后面加上 1s，变成：https://github 1s.com/scrapy/scrapy

文章插图
 没错，就是这么简单好记 。访问之后，就可以看到这样的页面：

文章插图
 是的没错，这就在浏览器中打开了一个在线版的 VS Code，并打开了 Scrapy 的源代码，看代码就非常方便了 。无需克隆，无需任何配置，打开飞速，代码高亮！一些快捷键也是和 VS Code 一样的，比如 Cmd/Ctrl + P，就可以快速找到一个文件：

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

文章插图
 不过我试了一下全局搜索貌似只能限制在一个文件内，不知道是哪里设置的问题 。有的朋友可能会问，代码能修改吗？答案是 不能，代码都是以只读模式打开的，也就是我们只能看，没法改 。不过这也合情合理，毕竟任意 Repo 都能打开，改了又存到哪里呢？原理另外有的朋友可能好奇这个的实现原理是怎样的，我扒了一下源码，看到作者是这么介绍的：

“

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
• 下一页

以上关于本文的内容，仅作参考！温馨提示：如遇健康、疾病相关的问题，请您及时就医或请专业人士给予相关指导!

「四川龙网」www.sichuanlong.com小编还为您精选了以下内容，希望对您有所帮助：

• 软件开发培训学校：网校系统可以帮助教育企业解决哪些问题？
• 软件开发培训学校：影响在线教育软件发展的因素你了解几种？
• 软件开发培训学校:你现有的岗位工作多少年，薪资能赶上程序员？
• 软件开发培训学校:深圳专业java编程入门学校有什么不一样
• 软件开发培训学校:软件开发培训学校Java就业培训班详情分享
• 软件开发培训学校:学IT哪个学校好？选择时注意哪些
• 软件开发培训学校:怎么学习编程不会让初学者半途而废
• 软件开发培训学校,软件开发培训班,软件开发培训学校哪家好
• 软件开发培训学校：依稀章台下 纤纤挥素手 明月人如旧
• 软件开发培训学校：软件测试培训机构排行榜？怎么选择合适的培训机构？