小技巧|同步你的VSCode設置及擴展插件,換機不用愁!

  • 2019 年 12 月 27 日
  • 筆記

有了這個技能,換電腦,換工作等就不用愁了。 實現同步的功能主要依賴於VSCode插件「Settings Sync」。它是基於 GitHub Tokens 和 GitHub Gist 功能實現,可以一鍵輕鬆實現上傳下載跨多台機器同步設置、程式碼片段、主題、文件圖標、啟動、鍵綁定、工作區和擴展。

配置同步

下載安裝插件後,會顯示插件的歡迎頁面

插件的歡迎頁面

「設置同步配置」頁面將在程式碼啟動時自動打開,並且需要進行兩項設置

  1. GitHub Token
  2. GitHub Gist Id

如果您是首次用戶,則GitHub帳戶需要檢索 GitHub 令牌,而 Settings Sync 將創建 Gist。

執行的配置步驟:

  1. 點擊 Login with GitHub ,登錄GitHub成功後即可以自動拿到 GitHub Token。
  2. 登錄 GitHub 成功後你將得到成功的消息。

成功的消息

  1. 如果您是第一次使用設置同步,則在您上傳設置時會自動創建 GIST。
  2. 如果您已經擁有 GitHub Gist,則將打開新窗口,以允許您選擇 GitHub Gist 或跳過以創建新的 Gist。

Settings-Sync-3.png

您始終可以通過轉到https://gist.github.com並檢查名為 cloudSettings 的 gist 來驗證創建的 gist。

也可以在這裡找到Gist的入口。

cloudSettings 的 gist 就創建了,點進去查看,裡面是諸如 extensions.json 等VSCode各方面的配置文件。

Settings-Sync-5.png

上傳你的VSCode的配置

按下 Shift + Alt + U (macOS: Shift + Option + U),也可以使用命令來選擇你的操作

Settings-Sync-6.png

首次下載或上傳時,歡迎頁面將自動打開,您可以在其中配置「設置同步」。選擇上傳設置後,你將看到「摘要」詳細資訊,以及上載的每個文件和擴展名的列表。

Settings-Sync-7.png

這裡其實也不用記下來,它會自動配置到你的擴展配置里:

Settings-Sync-8.png

每次上傳配置同步會用這個創建好的 ID。

下載你的VSCode的配置

在另一台電腦的 VSCode 中,同樣先也要走安裝插件、登錄 GitHub 的步驟,登錄成功後會列出你的所有的 Gist,點擊這個配置同步的 Gist。

Settings-Sync-9.png

點擊後會彈出一個提示

Settings-Sync-10.png

點擊CLOSE TAB,然後 VSCode 就會開始下載你的配置資訊。

慢慢等待下載完成,完成後重啟 VSCode,你就可以看到新電腦上的 VSCode 插件、配置資訊等全部裝好了。

Settings-Sync-11.png

GitHub Gist 是什麼?

擴展一下,GitHub Tokens 你應該知道是什麼把,Gist又是什麼呢?Gist 是 GitHub 提供的一個有趣的服務,最簡單的功能就是分享程式碼片段,但是 gist 提供的功能不僅限於此。

開發人員常常使用 Gist 記錄他們的程式碼片段,但是 Gist 不僅僅是為極客和碼農開發的,每個人都可以用到它。如果您聽說過類似 Pastebin 或者 Pastie 這樣的web應用的話,那您就可以看到它們和 Gist 很像,但是 Gist 比它們要更優雅。因為這些免費應用一般含有廣告,而且帶有很多其他雜七雜八的功能

全文完。


本文代表個人觀點,內容僅供參考。若有不恰當之處,望不吝賜教!

本文鏈接:https://zhangbing.site/2019/11/02/同步你VSCode設置及擴展插件-換機不用愁/