如何在不同的電腦上同步 VS Code 的設定?
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 下嗎?如果你願意,請賜我掌聲,謝謝!

