首发于玩转VS Code
畅游 Github 的新方式:Remote - Github

畅游 Github 的新方式:Remote - Github

2020 年最佳 VSCode 插件之一

什么是 Remote - Github

如果我们要在本地浏览一个 Github 仓库,我们常常需要将整个仓库克隆下来,而很多时候,你只是希望浏览一个子文件夹而已,或者获取某个文件,这时,将整个 Git 仓库 clone 到本地就显得十分笨重,更何况,Git 仓库不仅包含了源码,还包含了所有的源码修改记录。

Remote - Github 彻底解决了上述问题,它让 浏览远程的 Github 仓库就和浏览本地文件夹一样轻松, 无需将任何东西载到本地,但却可以像本地文件一样编辑,同样也可按需下载至本地。

Remote - Github 使用效果

使用体验:

畅游 Github 的最佳方式https://www.zhihu.com/video/1250078260488179712

怎么用 Remote - Github

使用 Remote - Github 非常容易,只需简单的登录验证,即可浏览无数 Github 仓库。

认证

通过 Ctrl + Shift + p 唤醒命令行面板,搜索 Remote - Github: Sign In 命令, 按回车,输入 Github 用户名:

Image

你有两种验证方式: 密码Personal Access Token,后者比前者有更好的权限控制和更高的安全性。

怎样获取 Personal Acces Token

在第二个窗口中输入你的密码或 Personal Access Token:

Image

登录成功后,你可以在底部状态栏看到你的 Github 用户名:

Image

提供 keystore path (可选)

如果你想要更高的安全性,你可以按照格式 <username>:<password> 或 <username>:<personal access token> 写一个文件 :

Image

然后将这个文件的绝对路径输入到 Remote - Github: Keystore Path 配置项中:

Image
你必须登录才能获得每小时 5000 次请求配额,如果不登陆,只有 60 次,会很快用尽。

准备工作区

唤醒 Remote - Github: Setup Workspace 命令,你会看到 Github 文件夹出现在你的工作区:

Image

打开远程仓库

唤醒 Remote - Github: Open Github Repository:

Image

输入仓库对应的 https 链接:https://github.com/golang/go, 或者更简单的,输入仓库路径: golang/go, 点击回车,你会看到:

Image

你可以像浏览本地文件夹一样浏览这个打开的仓库,选择 "." 打开当前文件夹, 选择 ".." 返回上一级文件夹,你可以在仓库的文件夹中任意导航,选择任意一个子文件夹、文件,打开,无需打开整个仓库。

当然,如果你非要想打开整个仓库,只需要在根目录中选择 "." 即可。

Image

打开项目后,你会看到:

Image

注意这个文件夹 存储在内存中,是动态构建出的虚拟内存文件系统,如果关闭 VSCode,项目就会被销毁,这也是该插件的设计哲学之一。

虽然存储在内存中,但是你仍然可以像本地文件那样,编辑,修改,复制,粘贴,与你的本地项目进行无缝协同。

很多时候,一个仓库中含有几十个教学实例代码,每个教学实例都是一个独立的子文件夹,这时候我们可以只打开我们需要打开的那个子文件夹即可:

Image

打开之后,我们可以看到:

Image

保存至本地

虽然代码在内存中,但是你仍然可以右键点击你想要保存的文件(夹),点击 Download 即可下载至本地:

Image

名字空间

你可以同时打开很多仓库的很多子文件夹,路径不会相互冲突:

Image

看起来就像是我们把整个 Github 当作了我们的一个磁盘分区!

分支和标签

Remote - Github 默认打开的 master 分支,但是也可以打开其它分支或标签:

如果你想打开 golang/go 仓库的 dev.link 分支,输入:

golang/go -b dev.link
Image

如果想打开 torvalds/linuxv5.6 标签 :

torvalds/linux -t v5.6

不足

从根目录打开大型项目,比如 torvalds/linux, microsoft/vscode 可以会遇到网络&性能问题,该问题将在未来逐步解决。最佳实践是只打开你想打开的那个文件(夹), 而不是所有。

设计哲学

  1. 只加载源码,而不是整个 Git 历史。
  2. 先加载到内存,而不是本地的文件系统。
  3. 打开你想打开的,而不是所有。
  4. 下载你需要的部分。
  5. 惯例优于配置。

插件地址:

Remote - Github 重新定义 Github 使用方式marketplace.visualstudio.com图标

编辑于 05-30

文章被以下专栏收录

    Visual Studio Code的最新资讯,热门文章,使用技巧,插件推荐,插件开发攻略等,全部都可以在这里找到。带你玩转VSCode!公众号“玩转VS Code”