VSCode 配置保存到github

Chason
2021-03-12 / 0 评论 / 0 点赞 / 1,033 阅读 / 2,340 字
温馨提示:
本文最后更新于 2021-03-30,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

原文:https://www.cnblogs.com/zhangruiqi/p/12104091.html

VScode同步保存配置

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// 访问到这个信息

  好了,此时你的配置已经成功同步到 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"

  }

}
0

评论区