VSCode 雲同步擴展設置 Settings Sync 插件

Hi、你們好，今天又是美好的一天。

---

關於 Settings Sync擴展：

Settings Sync能夠同步你當前的VSCode配置環境，當你須要在其它的電腦工做時，您不用重頭再來一遍。新機器登陸一下就搞定了。不再用折騰環境了。

大體原理：使用GitHub Gist來同步多臺計算機上的設置，代碼段，主題，文件圖標，啓動，鍵綁定，工做區和擴展。

環境版本：

Visual Studio Code 1.36

Settings Sync 3.4.0

教程分爲

初次使用 如何上傳配置(#1)

已有配置 直接下載(#2)

初次使用：

在VSCode中點擊擴展，搜索：Settings Sync 安裝

安裝好擴展以後咱們登陸GitHub開通並建立一個Gist（代碼片斷管理服務）來保存你的環境配置。

Let's to it

登陸你的Github 點擊頭像 進入Settings頁面

在Settings頁面點擊進入 Developer settings （開發者設置）再點擊進入Personal access tokens （我的受權令牌）頁面生成一個令牌 點擊 Generate new token

令牌的做用能幫助咱們就在VSCode中使用本身的私有令牌訪問本身的保存在Gist上的配置

因此咱們輸入令牌備註，勾選Gist，點擊生成。

而後你就得到了本身的Gist專屬訪問令牌，你能夠用記事本保存下來，待會而且將來你可能須要在另外一臺電腦下載你的配置 你一樣須要使用到這個令牌。（截圖中生成Token演示後刪除，請本身生成）

而後再次點擊你的頭像 點擊進入->Gist頁面 點擊建立一個新Gist。

輸入建立的Gist描述和片斷內容，保存便可。

手動複製剛纔建立的Gist倉庫的ID：它顯示在瀏覽器url最後一串字符串或者截圖中第二個框gist冒號後面的字符串（以下圖）把它保存在你的記事本中

回到VSCode編輯器中 使用快捷鍵Ctrl+P 輸入命令 >sync 點擊 同步：高級選項

ps：若是有問題，能夠點紅框下面的 擴展設置重置 它不會清除你現有的擴展，只恢復初始sync的配置） 快捷鍵的用法是 Ctrl+P 輸入命令：>Sync: Reset Extension Settings

而後選擇同步：編輯配置設置(截圖中文翻譯錯誤)

輸入你在github上建立的gist token 記得使用Ctrl+S保存更改

而後以下圖進入Settings Sync擴展設置頁面設置

輸入建立的Gist倉庫ID 輸入自動保存設置

使用Settings Sync咱們須要記住兩個快捷鍵：

Shift + Alt + U 將配置環境 擴展插件信息上傳到雲端

Shift + Alt + D 下載雲端的配置

因此咱們接着上一步 直接在VSCode中使用Shift + Alt + U

Settings Sync擴展 會在輸出區域提示 這裏提示沒有擴展別移除(由於第一次同步) 而後6個擴展被同步。

你還能夠在你的Gist倉庫中查看，看看Settings Sync上傳了什麼

已有配置 直接下載同步遠端配置

假設我剛纔是在用公司的電腦進行了一次初始化同步設置。如今我想起來我家裏的電腦已經設置好了，並且安裝的插件更多，有的插件我都忘記了名字。那麼我只須要拉取家中Settings Sync配置中對應的Gist ID便可作到 公司和家中用的是同一套VSCode的配置。

下面咱們來實際操做一次。

查看咱們的Gist倉庫，獲取你想要拉取的Gist ID。截圖中，紅框中的就是昨晚我在家中最後同步的Gist配置了。點擊進入 複製這個Gist ID

更改Settings Sync中的Gist ID設置：

快捷鍵Shift+Alt+D 下載配置

同步成功 須要重啓VSCode

PS：這裏能夠思考一下，爲何第一次設置Settings Sync須要建立Token 這裏就不須要設置Token了，其實你能夠這麼理解 Gist ID 它用來標記你的倉庫號碼 你可能有多個倉庫 你的倉庫大門用的都是刷臉驗證（令牌Token驗證），也就是說。Token你只須要建立一個對應Gist的Token便可(多個也能夠) 它們均可以打開你的Token，由於在第以前我設置好了token，因此這裏我只須要設置好Settings Sync 相應的倉庫號碼。就能夠完成同步了。

重啓後看到同步到了我最常使用的這個Gist配置。一共有31個擴展（雖然不少，但VSCode使用依然順滑）。

總結：

使用Settings Sync 須要明白 Gist ID和Token ID他們的做用。配置好以後使用快捷鍵 Shift+Alt+U(上傳)/D(下載)。

對於在使用過程當中出現的一些錯誤 能夠簡單三部曲：

一、擴展設置重置

它不會清除你現有的擴展，只恢復初始sync的配置） 快捷鍵的用法是 Ctrl+P 輸入命令：>Sync: Reset Extension Settings

二、更改Settings Sync配置文本

設置Token ID

三、設置Gist ID

而後同步上傳或者下載配置。

後言：

爲 (吃) 什 (我) 麼 (安) 要 (利) 用 Visual Studio Code ：

• 開源，免費，多語言支持(有中文)

• 超全面的編程語言和各類文件格式支持 詳見官網查詢 https://code.visualstudio.com/

• 集成git

• 自定義配置 語法高亮 自動提示 代碼補全 多種主題 配合插件擴展 可玩性極高

• 智能提示強大

• 前端界面友好，想不到的絲滑 而且是開箱即用的

• 調試功能強大

• 各類方便的快捷鍵

• 強大的插件擴展（你想要的基本都有 各種語言代碼提示\調試\更利於分辨好看的樣式 等等插件） more：https://marketplace.visualstudio.com/

  下一期考慮寫一篇介紹VSCode 必裝 好用的 ★★五星★★插件 讓人寫代碼也能上癮

  Bye。