VSCode配置 GitHub的Gist 同步设置和插件（简明教程）

怼烎@ 2022-09-16 14:18 17阅读 0赞

## 写在前面： ##

在本地电脑上的vscode上配置了很全面的扩展（插件），由于后期可能要在不同的电脑设备上操作，所以希望可以将本地vscode上的扩展进行同步。  
在网上搜了很多关于vscode同步扩展（插件）到github博客，但是基本都不是很全面，所以将自己成功操作的步骤进行总结，方便大家进行操作。

## （一）同步上传：VSCode配置 GitHub的Gist 同步设置和插件信息 ##

**第一步：github上生成 Gist ID**  
因为我已经创建过gist了，所以在创建的话，第二步直接点右上角的“+”号。如果是第一次创建的话，在界面上会有提示: `creat new gist`  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA546L5byg6aOe_size_16_color_FFFFFF_t_70_g_se_x_16]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA546L5byg6aOe_size_20_color_FFFFFF_t_70_g_se_x_16]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA546L5byg6aOe_size_20_color_FFFFFF_t_70_g_se_x_16 1]

**第二步：配置GitHub 获取令牌**  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA546L5byg6aOe_size_20_color_FFFFFF_t_70_g_se_x_16 2]

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA546L5byg6aOe_size_20_color_FFFFFF_t_70_g_se_x_16 3]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA546L5byg6aOe_size_20_color_FFFFFF_t_70_g_se_x_16 4]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA546L5byg6aOe_size_20_color_FFFFFF_t_70_g_se_x_16 5]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA546L5byg6aOe_size_20_color_FFFFFF_t_70_g_se_x_16 6]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA546L5byg6aOe_size_20_color_FFFFFF_t_70_g_se_x_16 7]![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA546L5byg6aOe_size_20_color_FFFFFF_t_70_g_se_x_16 8]  
**第三步：配置Vscode 先下载setting sync插件**  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA546L5byg6aOe_size_20_color_FFFFFF_t_70_g_se_x_16 9]  
按住`Ctrl + Shift + P`，在输入框中输入`sync advanced options`  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA546L5byg6aOe_size_20_color_FFFFFF_t_70_g_se_x_16 10]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA546L5byg6aOe_size_20_color_FFFFFF_t_70_g_se_x_16 11]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA546L5byg6aOe_size_20_color_FFFFFF_t_70_g_se_x_16 12]

--------------------

OK！到现在我们已经将所有文件配置完成了，接下来就是将本地的设置和扩展（插件）进行上传到github了

还是先按住`Ctrl + Shift + P`，在输入框中输入`sync update`  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA546L5byg6aOe_size_20_color_FFFFFF_t_70_g_se_x_16 13]  
然后命令窗中出现如下界面，说明大功告成！  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA546L5byg6aOe_size_20_color_FFFFFF_t_70_g_se_x_16 14]

## （二）导入到本地：将配置文件导入到本地的Vscode ##

（还没有在新电脑上尝试，挖个坑 0.0）  
我们还是先按住`Ctrl + Shift + P`，在输入框中输入`sync download settings`  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA546L5byg6aOe_size_20_color_FFFFFF_t_70_g_se_x_16 15]

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA546L5byg6aOe_size_16_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/37e0c8a245e74703bfcc02a77ec9ddb1.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA546L5byg6aOe_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/c9e5a5e8eddb4751b2037b925099fd15.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA546L5byg6aOe_size_20_color_FFFFFF_t_70_g_se_x_16 1]: /images/20220828/6a8415e7fa0345ea833b03ecd9ad8164.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA546L5byg6aOe_size_20_color_FFFFFF_t_70_g_se_x_16 2]: /images/20220828/89b728f8525f43678e1613be0847efae.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA546L5byg6aOe_size_20_color_FFFFFF_t_70_g_se_x_16 3]: /images/20220828/bccf2aeb3cfa445a986b0375e54da87d.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA546L5byg6aOe_size_20_color_FFFFFF_t_70_g_se_x_16 4]: /images/20220828/25c24353eb344302a2425f73b0ff9342.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA546L5byg6aOe_size_20_color_FFFFFF_t_70_g_se_x_16 5]: /images/20220828/561508bcb38e467ab58234dbdd25ea22.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA546L5byg6aOe_size_20_color_FFFFFF_t_70_g_se_x_16 6]: /images/20220828/6466b436c7774c33a40f83c3172a2d2a.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA546L5byg6aOe_size_20_color_FFFFFF_t_70_g_se_x_16 7]: https://img-blog.csdnimg.cn/21ffe061ce38417c8f838e86e36ddc65.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA546L5byg6aOe,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA546L5byg6aOe_size_20_color_FFFFFF_t_70_g_se_x_16 8]: /images/20220828/16a4a4a5e37244f4899a71957b0d0ed0.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA546L5byg6aOe_size_20_color_FFFFFF_t_70_g_se_x_16 9]: /images/20220828/8910a45d8d104e18a13d610436600b95.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA546L5byg6aOe_size_20_color_FFFFFF_t_70_g_se_x_16 10]: /images/20220828/299c60aad3c44e038de26488557b2312.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA546L5byg6aOe_size_20_color_FFFFFF_t_70_g_se_x_16 11]: /images/20220828/de8b1d12c1294d17ae1486f00e8d7baf.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA546L5byg6aOe_size_20_color_FFFFFF_t_70_g_se_x_16 12]: /images/20220828/8c2213098a0c40039de51ca676391ecb.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA546L5byg6aOe_size_20_color_FFFFFF_t_70_g_se_x_16 13]: /images/20220828/9c9cfcc4823d41e5bd91cf4e82e059c4.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA546L5byg6aOe_size_20_color_FFFFFF_t_70_g_se_x_16 14]: /images/20220828/377da033e6614669892ad00cda3239ff.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA546L5byg6aOe_size_20_color_FFFFFF_t_70_g_se_x_16 15]: /images/20220828/4e5e5d1e98524866ba59cca95ced4acc.png