9

希望如约而至的不止春天,还有疫情过后平安的你。

使用场景

Settings Sync是vscode的一个插件,可以同步当前vscode的配置环境。当你换电脑了,你想用之前vscode的配置,因为好多插件、配置都是一点点安装和配置的,这个时候就需要同步原来vscode的配置,不需要您重头再配置一遍新电脑的vscode。

基本原理

就是将原来的vscode的配置上传到github,然后通过github同步到新的vscode。

开始配置

安装Settings Sync

两个电脑的vscode都需要安装Setting Sync
image.png

登录您的github账号,开始设置。

进入settings界面

image.png

进入Developer settings

image.png

进入Personal access tokens

image.png

进入 Generate token

image.png

输入创建token备注信息, 勾选gist,然后点击下面的generate token

image.png

记录下生产的token(推荐:印象笔记,很好用。对不起我膨胀了。)

image.png

接下来点击github头像,选择your gist,进入gist界面

image.png

然后点击上面的新增按钮,创建gist

image.png

输入描述、内容,create secret gist (创建gist)

image.png

复制保存新建gist的id

image.png

配置旧的vscode,将他的配置信息关联github上。

打开vscode -> 快捷键Ctrl + p -> 输入 ">sync" ->高级选项 -> 编辑扩展本地设置 (翻译有可能有偏差)

image.png

image.png

复制刚才保存的token,粘贴保存

image.png

找到settings sync插件,点击设置图标,选择配置扩展设置,将刚才保存的gist id粘贴到 Sync: Gist中

image.png

这一步很关键,我们刚才给vscode配置了github信息,然后我们将久的配置信息上传到github上面,使用快捷键 Shit + Alt + u,控制台会输出下一信息,当然您登陆github也能看到刚才创建的文件的修改记录。

image.png
image.png

获取配置

到这里旧电脑的vscode就配置完毕了,接下来就是配置新电脑的vscode

登录github

首先在新电脑上登陆github账号,拿到gist id
image.png

设置gist id

然后搜索插件Setting sync -> 点击设置图标 -> 选择配置扩展设置 -> 修改sync Gist为github上面赋值的gist id
image.png

下载配置

最后使用快捷键 Shift + Alt + D 下载github上面之前旧电脑上传的配置

重启

到此我们的配置就完成了,重新启动vscode,就可以获取到旧电脑vscode的配置了。
image.png

8c94b7185c56e714e7aeec3cc946f60a


张旭超
1.4k 声望222 粉丝

精通 html+div+css jquery, vue, angularjs, angular2, angular4, ionic, ionic2