【图文教程】同步你的VSCode设置及扩展插件,换机不用愁

实现同步的功能主要依赖于VSCode插件“Settings Sync”。它是基于 GitHub Tokens 和 GitHub Gist 功能实现,可以一键轻松实现上传下载跨多台机器同步设置、代码片段、主题、文件图标、启动、键绑定、工作区和扩展。

有了这个技能,换电脑,换工作等就不用愁了。

配置同步

下载安装插件后,会显示插件的欢迎页面

欢迎页面

“设置同步配置”页面将在代码启动时自动打开,并且需要进行两项设置

  1. GitHub Token
  2. GitHub Gist Id

如果您是首次用户,则GitHub帐户需要检索GitHub令牌,而Settings Sync将创建GIST。

执行的配置步骤:

  1. 点击 Login with GitHub ,登录GitHub成功后即可以自动拿到GitHub Token。
  2. 登录 GitHub 成功后你将得到成功的消息。
    Settings-Sync-2.png
  3. 如果您是第一次使用设置同步,则在您上传设置时会自动创建GIST。
    Settings-Sync-3.png
  4. 如果您已经拥有GitHub Gist,则将打开新窗口,以允许您选择GitHub Gist或跳过以创建新的Gist。

您始终可以通过转到https://gist.github.com并检查名为cloudSettings的gist来验证创建的gist。

也可以在这里找到Gist的入口。访问Gist需要科学上网

Gist的入口

cloudSettings的gist就创建了,点进去查看,里面是诸如 extensions.json 等VSCode各方面的配置文件。

VSCode各方面的配置文件

上传你的VSCode的配置

按下 Shift + Alt + U (macOS: Shift + Option + U),也可以使用命令来选择你的操作

Settings-Sync-6.png

首次下载或上传时,欢迎页面将自动打开,您可以在其中配置“设置同步”。选择上传设置后,你将看到“摘要”详细信息,以及上载的每个文件和扩展名的列表。

Settings-Sync-7.png

这里其实也不用记下来,它会自动配置到你的扩展配置里:

Settings-Sync-8.png

每次上传配置同步会用这个创建好的ID。

下载你的VSCode的配置

在另一台电脑的VSCode中,同样先也要走安装插件、登录GitHub的步骤,登录成功后会列出你的所有的Gist,点击这个配置同步的Gist

Settings-Sync-9.png

点击后会弹出一个提示

Settings-Sync-10.png

点击CLOSE TAB,然后VSCode就会开始下载你的配置信息。

Settings-Sync-11.png

慢慢等待下载完成,完成后重启VSCode,你就可以看到新电脑上的VSCode插件、配置信息等全部装好了。

GitHub Gist 是什么?

扩展一下,GitHub Tokens 你应该知道是什么把,Gist又是什么呢?Gist 是 GitHub 提供的一个有趣的服务,最简单的功能就是分享代码片段,但是 gist 提供的功能不仅限于此。

开发人员常常使用 Gist 记录他们的代码片段,但是 Gist 不仅仅是为极客和码农开发的,每个人都可以用到它。如果您听说过类似 Pastebin 或者 Pastie 这样的web应用的话,那您就可以看到它们和 Gist 很像,但是 Gist 比它们要更优雅。因为这些免费应用一般含有广告,而且带有很多其他杂七杂八的功能。

搞不清楚为什么国内不能访问 Gist,需要梯子....,更多 Gist 的信息可以参考这个链接:https://www.zhihu.com/question/21343711/answer/32023379

微信公众号

关注公众号,第一时间接收最新文章。如果对你有一点点帮助,可以点喜欢点赞点收藏,还可以小额打赏作者,以鼓励作者写出更多更好的文章。
wxgzh.jpg


前端全栈开发者
专栏首发于公众号《前端全栈开发者》,订阅关注第一时间阅读好文

Web/Flutter/独立开发者/铲屎官

11.7k 声望
6.6k 粉丝
0 条评论
推荐阅读
在Flutter中动态地改变应用启动器图标
在本文中,我们将讨论如何在 Flutter 应用程序的运行时动态更改多个应用程序启动器图标。在 pubspec.yaml 文件中添加以下依赖项。flutter_dynamic_icon:[链接]考虑我们已经准备好基本的 UI(包含图像和按钮小部...

杭州程序员张张阅读 721

封面图
一个开源vue网站博客,nuxt开源网站,前后端分离项目
开媛笔记,基于nuxt ssr首屏服务器端渲染 。用于分享、记录、交流和学习,希望可以帮助到小伙伴们。同时网站在不断更新,创造属于猿(媛)的世界 -$Bao Yalong ..Let's Go! [链接]

jigsaw16阅读 8.4k评论 3

Git 入门与实践
Git 入门与实践推荐:猴子都能懂的 GIT 入门Git --everything-is-loca 官方文档Git 教程-廖雪峰Git 的使用方式有很多。图形化 —— 小乌龟(Tortoise Git )、命令行—— git bash、IDE 集成等 ......目录1. 基础配置...

RainBow1阅读 2.2k

NB的Github项目,看到最后一个我惊呆了!
最近看到不少好玩的、实用的 Github 项目,就来给大家推荐一把。中国制霸生成器最近在朋友圈非常火的一个小网站,可以在线标记 居住、短居、游玩、出差、路过 标记后可生成图片进行社区分享,标记过的信息会记录...

艾小仙5阅读 1.6k评论 1

openKylin 0.9.5版本正式发布,加速国产操作系统自主创新进程!
2023年1月12日,中国桌面操作系统根社区openKylin(开放麒麟)正式发布openKylin 0.9.5操作系统版本。此版本充分适应5G时代需求,打通平板,PC等设备,实现多端融合,弥补了国产操作系统的短板,有效推动国产操作...

openKylin5阅读 6.8k

封面图
VS Code For Web 深入浅出 -- 进程间通信篇
在上一篇中,我们一起分析了 VS Code 整体的代码架构,了解了 VS Code 是由前后端分离的方式开发的。且无论前端是基于 electron 还是 web,后端是本地还是云端,其调用方式并无不同。

Duang4阅读 1.4k

VSCode 格式化哲学
当我们说「团队需要统一的代码样式」,大家都没有什么反对意见;但当问题变为「统一成什么样式?」时,大家的声音就嘈杂了起来。人们对于特定的编码方式很抵触,没有人喜欢花时间这样写代码,没人愿意接受别人的...

Cheri2阅读 625

Web/Flutter/独立开发者/铲屎官

11.7k 声望
6.6k 粉丝
宣传栏