![三分鐘教你同步 Visual Studio Code 設定](https://i.iter01.com/images/d6306bc563259e1a7dc515f751715600929a7e14f995816fe7afac735d0a5d50.png)
簡介
Visual Studio Code(以下簡稱vsCode)現在已經漸漸成為前端開發的主力工具,誰讓它這麼輕便,功能又這麼輕便呢。用vscode Coding的小夥伴們也一定會裝很多外掛吧。但是當你準備更換電腦的時候,是不是為遷移外掛和設定而煩惱?我曾經換電腦的時候,把vsCode上自己心愛的外掛一個個記下,然後去新電腦上重灌,太蠢了。今天我就把vsCode同步設定和外掛的方法告訴大家。
準備工作
- 下載Settings Sync外掛
- GitHub賬號
1.安裝Settings Sync
![圖1](https://i.iter01.com/images/684b0f64b9e50651f0fee7cd96faf37c4287b2a4437379eb581a5361bd29ec6a.png)
Setting Sync 快捷鍵:
-
上傳: Shift + Alt + U (Sync: Update / Upload Settings)
-
下載: Shift + Alt + D (Sync: Download Settings)
如果快捷鍵有衝突,可Ctrl + K + S快捷鍵設定配置其它快捷鍵 或 Ctrl + P / F1 在命令視窗輸入 >sync 即會出現相應命令供選擇
![圖2](https://i.iter01.com/images/e79d602799957df90f63af1c61c08741c8e7b20089b5972ca0be34cbbc81b66f.png)
2.開啟GitHub
![圖3](https://i.iter01.com/images/9e8b900942f3f82f7e0ddf6dea229d23bd53b08c5d2322bd33920198f635fa1c.png)
![圖4](https://i.iter01.com/images/ae12e50409297c566c6eebdb13faaea73ec0b462a06c26698a7b597ceb7ef21b.png)
![圖5](https://i.iter01.com/images/99847415a6894fbd856da3390a35349d28e71ca53cb834b82b708d4f01de277b.png)
![圖6](https://i.iter01.com/images/bd5e93118980a6fec0710865b25800cfa709114208227d6234a2350bd54d8a1b.png)
這樣你就得到一個token,最好找個地方記下來。因為它就是同步設定的關鍵。
3.將token配置到vsCode
(Sync: Update / Uplaod Settings) Shift + Alt + U 在彈窗裡輸入你的token, 回車後會生成syncSummary.txt檔案
syncSummary.txt檔案會儲存VSCode的設定及所安裝的外掛列表
如果你使用的是新版本的vsCode
開啟設定,在搜尋框中輸入sync,就可以看到自己的token了
![圖7](https://i.iter01.com/images/0426be4f0105ce0d0c2566af108e0e0fd1458ebceb310c2ce22cfe787dda7376.png)
4.設定同步下載設定
(Sync: Download Settings) Shift + Alt + D 在彈窗裡輸入你的gist值,稍後片刻便可同步成功
5.如果要重置同步設定,變更其它token
Ctrl+P / F1 彈出輸入>sync,即可重新配置你的其它token來同步
6.Tips
上傳同步設定的時候,vsCode底下可以看到操作資訊
![圖8](https://i.iter01.com/images/63fcefb622388a2f055644593ff54a7d5bba6d56088b5d0efe8780a5a1ce0310.png)
Setting Sync 可同步包含的所有擴充套件和完整的使用者資料夾
-
設定檔案
-
快捷鍵設定檔案
-
Launch File
-
Snippets Folder
-
VSCode 擴充套件設定
-
工作空間