【vscode高级玩家】❤️图文并茂讲你没了解过的vscode设置同步(全新方式)❤️

2,517 阅读6分钟

本文已参与「掘力星计划」,赢取创作大礼包,挑战创作激励金。

请点此链接查看该文章的完整纯净版

vscode 高级玩家系列【vscode 高级玩家】VSCode 使用 Settings Sync 同步配置(最新版傻瓜教程)文章内容已经略微过时了,虽然还可以使用,但是vs code已经支持新的配置同步方式了,这里重新写一篇教程适用于新版vs code

前置条件

条件简介
github 账户或微软账户如果您没有 github 账户,您可以参考这篇教程注册一个
vscode号称宇宙第一编辑器下载链接安装教程

选择登录方式

安装好 vscode 后,您可以在左下角看到人像的标志,点击它弹出登录提示,接下来会提示您使用 github 还是微软账户登录。

请添加图片描述

在这里选择您的登录方式

选择 GitHub 登录点这里

选择 Microsoft 登录点这里

请添加图片描述

GitHub 登录

恭喜您选择了稍稍复杂的道路,但这有助于您看到自己数据被同步的过程,让我们开始吧。

点击Continue按钮登录您的 github 账户

请添加图片描述

如果您以及登录了 github 账户那么会直接重定向到 vscode

登录账户密码

在这里输入您 github 账户的用户名和密码

请添加图片描述

如果有验证码那么检查您的邮箱并输入验证码即可。

随后会有短暂的重定向提示,不用操作浏览器。

请添加图片描述

回到 vscode

一切正常的话会弹出提示此站点正在尝试打开Visual Studio Code点击打开即可回到 vscode

如果您没有进入到这一步点击这里

请添加图片描述

打开链接

这时会打开 vscode 并提示您打开链接,点击打开就好,如果您之前有按照旧版教程操作,那么您拥有同步过的 gist,vscode 会立即开始同步您之前的配置。

请添加图片描述

未能正确弹出提示

如果您的浏览器未能弹出提示,那么您可以按照接下来的流程达成结果。

您在此页面的蓝色框内拥有一个用于同步配置的令牌,点击一下便会提示您已复制!

请添加图片描述

复制成功的提示

请添加图片描述

随后您切回 vscode 会在底部的状态栏看到这样的图标

请添加图片描述

点击它会提示您输入刚刚复制的令牌,ctrl + v粘贴即可,接下来您会看到 vscode 提示您已经开始同步了

请添加图片描述

如果您出现了Merge or Replace的提示点击这里

Microsoft 登录

非常恭喜您选择了一条稍微轻松的道路,相对于vscode来说这的确时一个明智的选择。

请添加图片描述

登录账户

如果您之前已经登录了微软账户,那么您选择账户并登录即可

请添加图片描述

如果您没有登录那么输入账户密码即可。

请添加图片描述

登录完成,vscode已经开始同步您的配置项了,看看吧。

如果您出现了Merge or Replace的提示点击这里

合并或替换

如果出现这个提示表示您之前的配置项和现在有冲突,您可以选择合并,替换本地或手动合并,以及直接取消。

请添加图片描述

对于这四个选项是这种情况

选项简介
Merge自动完成内容合并再根据缺的插件安装上即可(所有)
Replace Local使用远程内容替换掉本地内容(所有)
Merge Manually...手动合并,接下来马上讲
Cancel直接取消掉本次同步并退出登录

除了Merge Manually...外其他选项都是自动完成,这个手动合并能选的内容其实页非常少,它的界面如下

手动合并

进入手动合并后您会看到侧边栏中有这样的内容,它提示您有多少文件中包含冲突,您需要逐个选择它们使用远程还是本地。

请添加图片描述

点开其中一个文件您会看到被高亮的冲突项,左侧是云端,右侧是您本地的配置

请添加图片描述

我这里有两个文件,另一个文件也是这样

请添加图片描述

点击下方的同意云端或同意本地

请添加图片描述

解决完所有文件后,这个按钮会亮起,点击它您就完成了所有手动操作项,接下来的步骤vscode将会自动完成

请添加图片描述

配置同步项

如果您已经登录成功或曾经登录成功过,那么您会看到Turn on Settings Sync...的选项

请添加图片描述

或是登录上后这样显示

请添加图片描述

随后您只需要按需勾选同步项即可

请添加图片描述

如果您在浏览过程中发现文章内容有误,请点此链接查看该文章的完整纯净版

使用和配置

关于使用的所有内容看这里

系列文章