VScode同步保存配置

Posted 2021-03-20 zhangruiqi

1. 安装拓展 Settings Sync

　　在 VSCode 拓展中搜索 Settings Sync 并安装，安装完成后，重启 VSCode

2. 设置 Github Person Access Token

　　这一步需要你有一个 github 的账号，因为我们需要把配置上传到 github gist 上保存。

　　有了 github 账号后，直接进入这个页面：https://github.com/settings/tokens，点击 generate new token。

　 写入 token 的描述并勾选 gist 选项，点击下一步。

　 这个时候你会生成一个 access token，记得找个地方保存你的 access token（比如我保存在了云盘什么的），之后同步配置都要使用。

3. 上传你的配置到 Github Gist

　　打开 VSCode ，ctrl（mac 是 command） + shift + p，输入 sync，点击 Sync: Upload / Update Settings

　   输入步骤 2 中保存的 access token

     上传成功后会控制台 output 中会出现一系列信息，记住两个关键的信息，Github Token 相当于密码，Github Gist 是你保存在 Github Gist 的 id，以后下载配置都要使用到这两个信息

 

　　GitHub Token: 08eed0310a0ac7**********17cbc88d257aa8

　　GitHub Gist: 66671319ae7********f621fb2ec737fe # 可以通过https://gist.github.com/<username>/<gist id> 访问到这个信息

 

　　好了，此时你的配置已经成功同步到 Github Gist 啦，以后都可以随时随地一键配置 VSCode 了！

 

配置新设备的 VSCode

安装好 Settings Sync 拓展，ctrl（mac 是 command） + shift + p，输入 sync，点击 Sync: Download Settings，输入 access token 和 gist id，泡杯咖啡，等待同步完成。

 

 

settings.json

{

　　//vscode编辑器全局设置

　　//主题色

　　"workbench.colorTheme": "Monokai",

　　//鼠标滚轮缩放字体大小

　　"editor.mouseWheelZoom": true,

　　//自动换行

　　"editor.wordWrap": "on",

　　//自动保存

　　"files.autoSave": "afterDelay",

　　//自动保存时间

　　"files.autoSaveDelay": 100,

　　//文件字号大小

　　"editor.fontSize": 20,

　　//markdown字号大小

　　"markdown.preview.fontSize": 20,

　　//关闭文件预览模式

　　"workbench.editor.enablePreview": false,

　　//双击打开文件

　　"workbench.list.openMode": "doubleClick",

　　//覆盖当前所选颜色主题的颜色

　　"workbench.colorCustomizations": {

　　　　//选中背景色

　　　　"editor.selectionBackground": "#9d560fa2",

　　　　//选中前景色

　　　　"editor.selectionForeground": "#fff",

　　　　//与选择内容相同的区域的颜色

　　　　"editor.selectionHighlightBackground": "#9d560f00",

　　　　//与选择内容相同的区域的边框颜色

　　　　"editor.selectionHighlightBorder": "#A6E22E",

　　　　//光标指在变量时的背景色

　　　　"editor.wordHighlightStrongBackground": "#e22e3700",

　　　　//光标指在变量时的边框色

　　　　"editor.wordHighlightStrongBorder": "#A6E22E",

　　　　//当前搜索匹配的颜色

　　　　"editor.findMatchBackground": "#9d560fa2",

　　　　//其他搜索匹配的颜色

　　　　"editor.findMatchHighlightBackground": "#ebd071",

　　　　//当前搜索匹配的边框颜色

　　　　// "editor.findMatchBorder": "#fff",

　　　　//匹配括号后面的背景颜色

　　　　"editorBracketMatch.background": "#A6E22E",

　　　　//匹配括号框的颜色

　　　　"editorBracketMatch.border": "#ffffff00"

　　}

 

}