缘起: 之所以写这篇文章是换工作了,所以所有的东西都需要重新配置,vscode插件时间长了,上面不得30到40个插件,一个一个下载,low而且低效。网上说的解决办法一堆,但是大多数还是依靠setting sync插件自己的一些自动配置然后才生效的,受限于网络或者说是其他原因,插件往往不能顺利自动进行一个跳到浏览器,浏览器在调回来的操作。
做法(整个流程的过程): 1、安装插件 2、在GitHub上生成token 3、获取gistid 4、使用2,3步生成的token和gistid
1、在vscode上安装 settings sync 插件(我已经安装过了,所以显示如下) ![在这里插入图片描述](https://img-blog.csdnimg.cn/be0b713cc8614ddca3db57570f9331c4.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAaW1rYWlmYW4=,size_20,color_FFFFFF,t_70,g_se,x_16) 2、在你的默认浏览器登录GitHub (然后以此点击图示) ![在这里插入图片描述](https://img-blog.csdnimg.cn/ec883bc93983496f82c03d10e735ad1b.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAaW1rYWlmYW4=,size_17,color_FFFFFF,t_70,g_se,x_16) 3、添加token ![在这里插入图片描述](https://img-blog.csdnimg.cn/414d294c3fa24d1aa77e66201cc3ac2e.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAaW1rYWlmYW4=,size_20,color_FFFFFF,t_70,g_se,x_16) ![在这里插入图片描述](https://img-blog.csdnimg.cn/fd0ca8a74c664a838c41997cf7a2ed33.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAaW1rYWlmYW4=,size_20,color_FFFFFF,t_70,g_se,x_16) ![在这里插入图片描述](https://img-blog.csdnimg.cn/5b8f8776ab2d400180c75c72185176e6.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAaW1rYWlmYW4=,size_20,color_FFFFFF,t_70,g_se,x_16) 进入到3这一步,会让你输入GitHub的密码,进行一个操作的验证 ![在这里插入图片描述](https://img-blog.csdnimg.cn/95b8f3d8f48543e69ce810e2ad4c62a7.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAaW1rYWlmYW4=,size_11,color_FFFFFF,t_70,g_se,x_16) ![在这里插入图片描述](https://img-blog.csdnimg.cn/e47829027297404e993c15c2519d0c18.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAaW1rYWlmYW4=,size_20,color_FFFFFF,t_70,g_se,x_16) ![在这里插入图片描述](https://img-blog.csdnimg.cn/610f565726dc49f99a3e96294417498e.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAaW1rYWlmYW4=,size_20,color_FFFFFF,t_70,g_se,x_16) 4、获取gistid ![在这里插入图片描述](https://img-blog.csdnimg.cn/b21d0c06960b47e3beceab26dd453767.png) ![在这里插入图片描述](https://img-blog.csdnimg.cn/09a28f36ee5d47c7815b57cb5f253f70.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAaW1rYWlmYW4=,size_20,color_FFFFFF,t_70,g_se,x_16) ![在这里插入图片描述](https://img-blog.csdnimg.cn/64bc7ffc25c4466aa6b529e8a97c0621.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAaW1rYWlmYW4=,size_20,color_FFFFFF,t_70,g_se,x_16) ![在这里插入图片描述](https://img-blog.csdnimg.cn/f45de704077b420f9e69f24d1f94a73e.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAaW1rYWlmYW4=,size_20,color_FFFFFF,t_70,g_se,x_16) 5、开始在vscod中使用生成的token和gistid
快捷键shift+ctrl+p,选择下图的高级选项
![在这里插入图片描述](https://img-blog.csdnimg.cn/c8f3cc13af7e41b68ab94ee6e5095032.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAaW1rYWlmYW4=,size_20,color_FFFFFF,t_70,g_se,x_16)
然后选择编辑扩展本地设置
![在这里插入图片描述](https://img-blog.csdnimg.cn/c663768f8b464bbe8be8540181e2304f.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAaW1rYWlmYW4=,size_20,color_FFFFFF,t_70,g_se,x_16)
把生成的token给粘贴放到这里(token就算是配置完毕,记得点击保存)
![在这里插入图片描述](https://img-blog.csdnimg.cn/170aac0535fc4c2fba41b14fb244f62c.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAaW1rYWlmYW4=,size_20,color_FFFFFF,t_70,g_se,x_16) 开始配置gistid
![在这里插入图片描述](https://img-blog.csdnimg.cn/a0e3abc69b904b6b815a0d78cddc1b35.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAaW1rYWlmYW4=,size_20,color_FFFFFF,t_70,g_se,x_16) 6、使用seeting async进行vscode配置的上传。 接下来就到了使用的时刻了 使用Settings Sync我们需要记住两个快捷键:
Shift + Alt + U将配置环境 扩展插件信息上传到云端
Shift + Alt + D下载云端的配置
所以我们接着上一步 直接在VSCode中使用Shift + Alt + U 1.上传配置 Shift + Alt + U sync插件会出现下图的文字,也就是执行进度,看到done 我们就知道成功啦 ![在这里插入图片描述](https://img-blog.csdnimg.cn/76f4dc1323184c4e829c8b31917f5efa.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAaW1rYWlmYW4=,size_20,color_FFFFFF,t_70,g_se,x_16) 去github看看,刚才都上传了什么吧~ ![在这里插入图片描述](https://img-blog.csdnimg.cn/21762e428781442894426c6ad4f59862.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAaW1rYWlmYW4=,size_20,color_FFFFFF,t_70,g_se,x_16)
gistid忘记了怎么办?
登录到github上,点击your gists,找到你想copy的gist,点击进去,假如你没有在此处保管gistID,也可以看embed后边的script标签,点开后里边的字符就是gistID啦 ![在这里插入图片描述](https://img-blog.csdnimg.cn/82dc0be7bdd24954b18d8fd335978034.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAaW1rYWlmYW4=,size_20,color_FFFFFF,t_70,g_se,x_16)
7、另一台电脑上下载vscode的配置(新设备同步)
7.1 同理,需要在新设备的VSCode安装相同的扩展配置。 ![在这里插入图片描述](https://img-blog.csdnimg.cn/87d311c8080c49f7a16bff1234a5cc62.png) 7.2、使用快捷键“Ctrl+Alt+U”可以跳转到sync扩展的如下图配置页面,点击图中标注的按钮,跳转至GITHUB登录授权页。 ![在这里插入图片描述](https://img-blog.csdnimg.cn/bd66d1ca9986416ca2ecba8c6ee9480f.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAaW1rYWlmYW4=,size_20,color_FFFFFF,t_70,g_se,x_16) 7.3、授权成功!回到VSCode程序。 ![在这里插入图片描述](https://img-blog.csdnimg.cn/055842f1b43945499bc92ff16080d36c.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAaW1rYWlmYW4=,size_20,color_FFFFFF,t_70,g_se,x_16) 7.4、这里有一点,不能像上面最初配置的一样,直接点SKIP跳过,这里要手动选择跟上面生成的令牌对应的选项。(这里我第一个选项是对应刚才sync提示的令牌)
![在这里插入图片描述](https://img-blog.csdnimg.cn/32ee6cd6e8a34d8b901e6917cefdb104.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAaW1rYWlmYW4=,size_20,color_FFFFFF,t_70,g_se,x_16)
7.5、配置好sync扩展后,接下来就是下载我们的配置,全局命令快捷键“Ctrl+Shift+P”输入 sync,点击 Sync: Download Settings进行下载同步,也可以直接使用快捷键进行下载操作。 ![在这里插入图片描述](https://img-blog.csdnimg.cn/842f06411d0b49c88da33185c33f7d46.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAaW1rYWlmYW4=,size_20,color_FFFFFF,t_70,g_se,x_16) 7.6、一盏茶的时间后,完美同步配置和自己喜欢的一堆扩展插件,重启一下VSCode即可!!!!!
怎么打开上述配置: ![在这里插入图片描述](https://img-blog.csdnimg.cn/5e2bae9d62c345f5acae3f60d651d409.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAaW1rYWlmYW4=,size_20,color_FFFFFF,t_70,g_se,x_16)
|