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

Ryan Hsu
Ryan Hsu
Aug 29, 2017 · 5 min read

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


需求

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

先講解法

上傳設定步驟

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 下嗎?如果你願意,請賜我掌聲,謝謝!

Its Ok to Make Mistakes

分享UI UX 設計、前端開發、數位行銷所遇到的雷點 。It’s not how we make mistakes, but how we correct them that defines us.

)

Ryan Hsu

Written by

Ryan Hsu

Front-end developer

Its Ok to Make Mistakes

分享UI UX 設計、前端開發、數位行銷所遇到的雷點 。It’s not how we make mistakes, but how we correct them that defines us.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade