妈妈再也不用担心我重装VSCode了

「这是我参与2022首次更文挑战的第28天,活动详情查看:2022首次更文挑战」。

公众号「蝉沐风」,欢迎大家关注交流


1. 关于Settings Sync插件

Setings Sync插件可以同步你的VSCode配置到Github Gist,当你更换电脑重新搭建VSCode环境的时候,直接使用该插件拉取你之前同步的配置即可,不至于让你一切重新开始

Gist可以简单理解为是保存代码片段的小仓库

2. 新手教程

2.1 新手下载安装

点击扩展按钮,搜索Setings Sync并安装,会自动弹出以下界面

image-20220219102645988

点击LOGIN WITH GITHUB按钮,输入你的用户名和密码进行授权

如果你从未创建过任何Gist,顺利的话你会看到如下界面

image-20220219104045804

这是在告诉你

在你的账号里没找到任何的Gist,点击SKIP这个按钮,会为你自动创建一个Gist用来同步VSCode配置

如果你曾经创建过Gist,会列出所有的Gist,你选择其中一个进行同步配置即可。

如果你是一个新手,从来没有进行过Settings Sync插件的配置以及Token的折腾,到这一步大概率就可以进行配置上传了。

得益于VSCode和Github同属于一个东家(微软),系统会为你自动配置好Gist ID令牌Token,点击EDIT CONFIGURATION,看一下自动给你生成的配置信息

image-20220219105619646

image-20220219105521276

如果你的「获取令牌」处的令牌为空,不着急,先试一下上传配置功能是不是能用,能用的话就不用管了

上传配置的快捷键,上传一下试试吧

Windows:Shift + Alt + U

MacOS:Shift + Option + U

2.2 验证配置成功

如果VSCode已经告诉你同步成功了,那就是成功了。你要偏不信,那就登录你的Github,点击你的头像,再点击Your gists

image-20220219105943003

配置已经成功上传到Gist了

image-20220219110013220

点击进入这个Gist,看一下地址栏后边的一串数字,这个就是Gist ID(就是上文提到的自动给你配置的信息),插件只有知道这个信息才知道将配置同步到哪个Gist

image-20220219110258309

到此为止,如果你配置成功了,那跳过第3、4部分,看看如何拉取配置就可以了。

3. 如果上述过程你不顺利

如果你有特殊体质,安装的过程中总是出点幺蛾子,那就接着往下看吧

这个插件需要的就是两个信息而已

  • Gist ID
  • Token

如果系统没有自动给你生成,那就自己动手

3.1 创建Gist

在Gist列表页点击右上方+按钮,创建一个Gist

image-20220219111455964

image-20220219111614063

创建成功之后找到你的Gist ID

image.png

Gist到此为止,接下来获取Token

3.2 创建Token

到Github上点击你的头像,点击Settings,然后左侧栏找到Developer settings,然后继续点击Personal access tokens

点击Generate new token按钮,写上你的token说明(Note),选择过期时间Expiration(我一般选永久,因为嫌麻烦),然后勾选gist选项(这一步很重要,不要漏!!!)。

image-20220218172134147

点击Generate token按钮生成Token,生成之后千万记得保存一下,因为你只会看到这一次!

image-20220218172219040

3.3 配置插件

把这两个信息填写到插件的配置文件中就可以了。

大功告成!

4. 本人还有更加不顺利的体验

我在原来的电脑上明明是第一次安装这个插件,我以为一切都会给我自动配置,然而当我同步配置的时候给我弹出这个错误提示

Sync: GitHub 令牌无效或已过期。请重新生成。

我都忘记什么时候搞过Token了,所以我完整走了一遍第3步的流程,得到了Gist IDToken

然而!!!我的VSCode压根不会出现以下这个界面了,不出现我就没法配置插件啊。

image-20220219102645988

我想过重装,然后抽了自己一个耳光,本来就是要同步这台电脑上的VSCode配置,却要我重装???

下面是解决步骤

4.1 找到Settings Sync插件的配置文件所在位置

在这里插入图片描述

  1. 点击插件按钮,找到Settings Sync这个插件,点击右下方的齿轮

  2. 点击Extension Settings按钮,右侧出现所有配置项

  3. 选择Extensions——Code Settings Sync,出现该插件的所有可视化配置 在这里插入图片描述

  4. 点击右上角的Open Settings(JSON)按钮,看图中我圈出来的部分,就是VSCode的配置文件所在目录了 在这里插入图片描述

4.2 修改syncLocalSettings.json

进入Code/User目录,和settings.json文件同级的有个syncLocalSettings.json文件,修改其中的token 在这里插入图片描述 然后就可以开心地同步配置了呀!


5. 拉取配置

在其他电脑上拉取同步配置的快捷键如下

Windows: Shift + Alt + D

MacOS: Shift + Option + D


完!

猜你喜欢

转载自juejin.im/post/7066277167163768839