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/<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"
  }
 
}
 
 
 
 
 
 
 
 
 
 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章