目录

🔥 写在前面

一、安装插件

二、创建Gist

👉 如何获取Gist ID

👉 如何进入代码片段管理页面

三、创建私人令牌

四、插件配置

五、插件使用

👉 上传配置 ：命令为 upload setting

👉 下载配置 ：命令为 download setting

---

🔥 写在前面

每当换工作、换电脑，都需要把编辑器的插件和设置再重新下载一遍，再配置一遍？这时候都有种无尽的辛酸，这时候你需要code settings sync这个这个插件，可以一键解决你的痛苦。它可以帮你把插件及配置保持到Gitee(码云)云端，你只需要在新的设备，安装这一个code settings sync插件，下载保存在云端的配置即可。

code settings sync：用来同步vscode配置到Gitee中的插件。

一、安装插件

在vscode扩展应用商店搜索：code settings sync

大家可以看到code settings sync上面有个Setting Sync插件，这个插件是用于将vscode配置同步保存到GitHub上的，经常出现失败的情况，不过目前也不用担心了，此扩展已被弃用，因为已不再对其进行维护。而且现在因为github gist出现不知原因的不可访问现象，所以建议国内开发者将自己的vscode 配置同步到码云平台上。因此，我们要使用的插件是保存在Gitee(码云)的，国内的平台访问速度你懂得，飞一般的感觉~

安装完插件记得重启vscode！

二、创建Gist

👉 如何获取Gist ID

在Gitee中创建Gist（代码片段），这是保存vscode配置的仓库。

将鼠标移到网站右上角的加号，点击发布代码片段进入代码片段的设置：

填写发布片段的内容：发布代码片段的时候内容没有要求，自己清楚这个代码片段是干什么的就行，唯一一个就是要写的代码片段部分不能为空，可以暂时写几个字占位，网上有说上传配置的时候这个地方会被覆盖掉，不过经过鄙人的测试，这个测试片段会被保留下来

设置完毕，点击发布，会自动进入到你发布的这个代码片段的页面，即Gist的页面，然后我们看上面的网页地址栏，地址栏最后一段的字符串就是你这个代码片段的gistID了，至此，你已经获取到了自己的GiteeID，拿个小本本记下来，后面会用到。

👉 如何进入代码片段管理页面

如果你一不小心把创建完成的gist页面关掉了，不知道去哪里找？没关系！你可以点击头像，打开你的个人主页，在个人主页的地址栏后头加上/codes就可以进入你的代码片段管理页面了。

另外，在登陆的情况下，进入码云官网https://gitee.com/，也可以看到自己的【代码片段】功能入口

三、创建私人令牌

👉 如何进入【私人令牌】页面

将鼠标移到头像，进入设置页面，在左侧栏找到【安全设置】，选择【私人令牌】，点击进入：

👉 如何生成 access_token 私人令牌

- 进入【私人令牌】页面后，点击【生成新令牌】按钮：

- 填写 【私人令牌描述】，默认这个权限是全选的，我们可以自定义，但是出于安全考虑，一般只需要勾选 【gists】这一项即可，user_info是默认必选项，就不用管了，然后点击【提交】：

- 提交后会弹出【私人令牌生成提示】此时，私人令牌access_token就算创建成功了，请务必找个小本本将它记录下来，因为这个真的是只会出现一次的！。 

🍄 注意：

如果以后不小心弄丢了 access_token怎么办？也可以再次重新生成的，只不过，每次重新生成之后，其它设备需要修改一下 access_token才能再次使用。那怎么重新生成令牌呢？进入【私人令牌】页面，选择【修改】

然后选择 【重新生成令牌】，【提交】就可以了。

四、插件配置

在vscode中只需要点击“设置”，搜索关键词gitee，找到set gitee gist，填写 Access_token 和Gist即可。

当然，如果你习惯在settings.json中，手动配置Access_token 和 Gist也是可以的。

打开vscode编辑器，使用快捷键Ctrl+Shift+P打开vscode的命令面板(command palette)，然后输入setting， 选择 进行用户自定义设置选项：Preferences: Open Settings (JSON)并点击进入

🔥 请注意区分VSCode中4个Settings(JSON)的区别与联系

然后输入下面的键值对到你刚刚打开的settings.json里面（在已有内容后面追加，如果有的话）：

{
// 将vscode的配置上传到gitee平台
"gitee.gist":"这里输入获取到的Gist ID",
"gitee.access_token":"这里输入获取到的你的私人令牌"
}

五、插件使用

👉 上传配置 ：命令为 upload setting

配置完毕，使用快捷键 Command + Shift + P(Mac) /Ctrl+Shift+P(windows) 打开命令面板，命令为 upload setting

 即可看到上传信息

上传成功后，在代码片段管理页面，可以查看已经创建成功的代码片段

👉 下载配置 ：命令为 download setting

同样使用快捷键 Command + Shift + P(Mac) /Ctrl+Shift+P(windows) 打开命令面板，命令为download setting

🍄 注意事项：

每次上传配置成功之后，你看这个最近更新都没有变，感觉是不是没有成功？其实这个显示的是代码片段创建的时间，并非上传配置成功的时间，你点击进入这个代码片段里，就会看到你刚刚上传的配置了。