💡 前言

工欲善其事，必先利其器。昨天我們確立了 30 天的學習地圖，今天我們就從最基礎卻也最關鍵的步驟開始：環境安裝與雲端同步設定。

許多人換了新電腦或在學校/公司電腦寫 Code 時，最痛苦的就是要重新安裝一堆套件、重新設定快捷鍵與主題。其實 VS Code 內建了非常強大的 Settings Sync（設定同步） 功能，只要設定一次，就能讓你的個人化開發環境在任何裝置上瞬間複製！

🎯 本篇重點

1. VS Code 的正確安裝與版本選擇
2. 開啟並設定內建 Settings Sync（雲端同步）
3. 哪些資料會被同步？
4. 跨裝置同步實務技巧與衝突處理

🛠️ 1. VS Code 安裝與版本選擇

前往 VS Code 官方網站 下載對應作業系統的安裝包：

• Windows：建議選擇 User Installer（預設），安裝時記得勾選 「將『透過 Code 開啟』動作新增至 Windows 檔案總管快顯功能表」，這樣以後在資料夾按右鍵就能直接開啟專案！
• macOS：下載 .zip 解壓縮後，將 Visual Studio Code.app 拖移至 「應用程式」 資料夾即可。

💡 小貼士：VS Code 有分為 Stable與 Insiders。一般開發建議使用 Stable 穩定版 即可。

☁️ 2. 開啟內建 Settings Sync（設定同步）

VS Code 早已內建官方的雲端同步功能，不再需要像早期一樣額外安裝第三方套件（如 Settings Sync Plugin）。

啟用步驟如下：

1. 開啟 VS Code，點擊左下角的 「齒輪圖示（設定）」。
2. 點擊 「開啟設定同步... (Backup and Sync Settings...)」。
3. 系統會彈出選單，詢問你要同步哪些項目（預設全選）：
   • 設定 (Settings)：你的 settings.json 客製化設定
   • 鍵盤快捷鍵 (Keyboard Shortcuts)：自訂快捷鍵
   • 擴充套件 (Extensions)：所有已安裝的套件清單
   • 使用者程式碼片段 (User Snippets)：自訂的 Code 簡碼
   • UI 狀態 (UI State)：介面佈局與視窗狀態
4. 點擊 「登入並開啟 (Sign in & Turn on)」。
5. 選擇登入帳號：支援 Microsoft 帳號 或 GitHub 帳號（建議使用 GitHub 帳號，未來管理專案更方便）。
6. 完成瀏覽器授權驗證後，同步即刻生效！

🔄 3. 在第二台裝置恢復你的專案設定

當你在新電腦上安裝好 VS Code 後：

1. 同樣點擊左下角 「齒輪圖示」 -> 「開啟設定同步...」。
2. 選擇使用 相同的 GitHub/Microsoft 帳號 登入。
3. 登入成功後，VS Code 會自動在背景幫你下載主題、套件與所有個人設定，幾秒鐘內新電腦就會變得跟原本的開發環境一模一樣！

⚠️ 4. 常用技巧與衝突處理

• 手動觸發同步 / 查看狀態：點擊左下角齒輪 -> 「設定同步已開啟」，可以查看最後同步時間，或是手動執行 「開啟同步 / 立即同步」。
• 解決設定衝突 (Merge Conflict)：如果兩台電腦同時修改了設定，VS Code 會彈出對比視窗，讓你選擇要保留 「本地端的設定 (Local)」 還是 「雲端上的設定 (Remote)」。
• 跨平台配置細節：像 Windows 與 macOS 的快捷鍵習慣不同，Settings Sync 會聰明地自動幫你做跨平台快捷鍵對應，無需手動微調。