zl程序教程

您现在的位置是:首页 >  其他

当前栏目

直接用VS Code浏览GitHub代码,太爽了!

2023-03-07 09:47:59 时间
大家好,我是美丽又可爱的开源小妹!

VS Code & Github,想必这两个东东大家都再熟悉不过了吧?但是你有没有想过直接在 VS Code 上查看 GitHub Repo 的代码呢?

最近,小妹在 GitHub 上就发现这样一个神器项目-github1s,可以直接在 VS Code 界面读取 GitHub 上面开源项目的代码,实现了两者的无缝衔接。

项目介绍

项目官方的介绍就是一句话,一秒钟实现在 VS Code 上查看 GitHub 的代码,很简洁明了。

使用方法

项目名为 github1s,使用方法也是非常简单直接,只需要在浏览器中输入 Github 链接中的「github」加上 1s ,回车,即可实现。

比如前一篇文章推荐的超赞的终端自动补全工具-Fig,项目地址为:

https://github.com/withfig/autocomplete

用 GitHub 打开是这样的:

在「github」加上 1s,然后回车后出现了神奇力量,直接进入到 VS Code 界面。

https://github1s.com/withfig/autocomplete

相当于浏览器中打开了一个在线版的 VS Code,并打开了 Fig 的源代码,这样看代码就非常方便了。

完全无需克隆操作,也不用任何配置,打开速度也是刚刚的,而且熟悉的图标、界面。

但,代码都是以只读模式打开的,也就是我们只能看,没法改。

VS Code中的快捷键也是可以一样使用,比如 Ctrl + P,就可以快速找到一个文件:

Ctrl + F 文本搜索

如果你觉得手工输入还是有点麻烦的话,小妹还发现了一个 Chrome 插件,叫 Open in GitHub1s。

安装完成之后,每当访问 GitHub 项目的时候,旁边就会自动多出一个Open in GitHub1s 的按钮,如图所示:

直接点击后就直接跳转到刚才所说的 github1s.com 打开这个 Repo 了,简直太方便了!

这下以后可以用这款新神器来看 GitHub 代码咯~~~

另外,官方对该项目的实现原理、基于源代码自行构建进行二次开发的方法也进行了详细介绍,感兴趣的小伙伴可以去项目地址探索~~~

https://github.com/conwnet/github1s

写在最后

问君能有几多愁,开源项目解千愁,我们下期再见!