VS Code使用Settings Sync插件

1 、引言

一款将你的VS Code配置保存在云端，可使你随时随地在新电脑上安装VS Code，快速配置成你熟悉的VS Code配置。

原文链接：http://wuguanghong.xyz/detail/16

2、安装Settings Sync插件

image

3、配置环境

3.1、配置token

1. 生成token,在GitHub个人中心中选择“Settings”：
   image

2. 选择“Developer settings”项：
   image

3. “Personal access tokens” >>> “Generate new token”：
   image

4. 编辑“Note”：
   image

5. 选中“gist” >>> 点击“Generate token”：
   image

6. 复制生成好的“token”，最好保存一下（之后需要使用）：
   image

7. 在VS Code中通过“ctrl + p” 弹出搜索文件框，输入 “>sync”,选择“Sync：高级选项”
   image

8. 之后再选择“Sync:编辑扩展本地设置”
   image

9. 将刚刚生成的token复制到syncLocalSettings.json文件中的token项：
   image

3.2、配置gist

1. 创建gist,在GitHub个人中心中选择“Your gists”：
   image

2. 选择“Create a gist”（如若已有gist，可点GitHub Gist导航栏小头像旁边的 “+” 进行创建）：
   image

3. 编写gist相关信息（因人而异）,之后选择“Create secret gist”：
   image

4. 复制创建出的gist的id（进入gist详情之后，在浏览器url中显示的即可）：
   image

5. 在VS Code扩展中，找到Settings Sync插件，进入其扩展设置：
   image

image

4、上传本地VS Code的相关配置的步骤

1. 测试时，我又重新装了两个插件，此时我的VS Code的插件配置如下（注：Settings Sync不止可以保存存在的插件，其余配置也是可以的，例如：代码块，快捷键等，为方便，我展示的是插件）：

   image

2. 通过“alt + shift + U”快捷键进行上传本地配置,如控制台输出，如下图类似的，即上传成功：
   image

3. 可在“GitHub Gist”中查看上传后的结果：
   image

5、从“GitHub Gist”下载上传的配置到VS Code中

1. 进行测试时，我将我的VS Code所有的插件都卸载了，Settings Sync也是重启VS Code之后再装的（也可以选择重置Sync的扩展设置进行，为贴近实践情况，我进行的是重装），此刻，我们的此时的环境就类似于在新的电脑上，安装了VS Code,以及Settings Sync插件：
   image

2. 对Settings Sync插件进行token以及gist配置，配置方式与上面所述一致，在此我就不赘述了。

3. 配置完成之后，通过“alt + shift + D”快捷键进行下载之前上传的配置,如控制台输出，如下图类似的，即下载配置成功,之后重启VS Code就可以使用和你之前一样配置的VS Code了：
   image

示例中使用的VS Code已经使用过：“Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code” 进行汉化。