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