如何在不同的電腦上同步 VS Code 的設定?

Ryan Hsu
Its Ok to Make Mistakes
5 min readAug 29, 2017

2018/12/16 更新,由於以前有部分認知錯誤導致文章內容部分有誤,與 GitHub 今年於 2018/10/26 被微軟收購後有些設定上的改動,故做一次全部更新!

需求

我想同步家裡的電腦與公司的電腦 (又或是你有多台電腦),想要同步 VS Code 的「設定」與「套件」,該怎麼做呢?

先講解法

使用「Sync Setting」這個套件與你的 GitHub 帳號!

上傳設定步驟

Step.1

先找一個你想要分享設定的電腦,在 VS Code 安裝 Sync Setting 這個套件,並 reload 讓他可以正常運作!

Step.2

到你的 GitHub 頁面,並到 Settings / Developer settings / Personal Access Tokens / Generate New Token,隨便輸入你想命名的名稱(Token description),並勾選 gist 這個選項,並按下 Generate token!

請注意這個 Token 因為安全性考量只會顯示一次,請務必先留著這個畫面,如果忘記 Token 就要重新產生新的 Token。

Step.3

複製畫面上的 token ,回到 VS Code,按下 Sync Setting 的「上傳設定」快捷鍵:

Shift + Alt + U

若沒有出現請檢查輸入法是否為英文,切換為英文再按一次快捷鍵!

這時會跳出請你輸入 token 的輸入框 (Enter Github Personal Access Token),這時把剛剛複製的 token 在這邊貼上,並按下 Enter!

如果打錯 Token 導致無法正常上傳,這個 Token 會記在 VS Code 的 Settings 裡面,可以從那邊修改。

Step.4

如果成功了,你就會看到「Setting Updated Successfully」的對話視窗!這表示你的設定已經成功上傳到 GitHub 的 Gist 上囉!

你可以到你的 Gits 頁面看,應該會有多一個叫做 cloudSettings 的 Gist,就是用來同步 VS Code 的設定與套件的設定檔。

下載步驟

Step.1

到另一台電腦開啟 VS Code,也一樣安裝「 Sync Setting」這個套件!

Step.2

按下 Sync Setting 的「下載設定」快捷鍵:

Shift + Alt + D

若沒有出現請檢查輸入法是否為英文,切換為英文再按一次快捷鍵!

Step.3

這時候會跳出請輸入要下載的 Gist ID,輸入完畢按下 Enter!

等等,什麼是 Gist ID?

你到你的 Gists,https://gist.github.com/{userId},找到剛剛說的 cloudSettings Gists,URL 上最後面的一串就是 Gist ID,應該會像是 https://gist.github.com/{userId}/{gistId}。

這個 Gist ID 跟 Token 是不同的東西,請務必特別注意!

Step.4

如果成功了,就會出現「Launch Settings downloaded Successfully」的對話框並開始安裝設定與套件,等待安裝完畢後重新 reload VS Code 即可!

如果打錯 Gist ID 導致無法正常下載,跟 Token 一樣會被記在 VS Code 的 Settings 裡面,可以從那邊修改!

後記

我本文原本說「畢竟 VS Code 不是地表最強 IDE Visual Studio」,我道歉並收回這句話,在 2018 年 VC Code 已經海放其他的前端 IDE 了…,一舉成為幾乎獨大的 IDE 市場,大概除了 JetBrains 家出的 WebStorm 以外都被海放了…真的是太神啦!

Hi 我是 Ryan,如果這篇文章有幫助到你,請你不吝嗇的給予我鼓掌,那將是我進步的動力!👏

另外,你知道 Medium 一篇文章拍手其實可以拍 50 下嗎?如果你願意,請賜我掌聲,謝謝!

--

--