💡 前言

在軟體開發過程中，隨著需求變更與程式碼擴充，我們經常需要為變數、函式、類別甚至檔案重新命名。

過去如果手動用「尋找與取代」，常常會誤傷其他無關的同名變數（例如將變數 name 改名時，連註解裡的英文單字 name 或其他物件的同名字段也被一併改掉，導致程式碼直接崩潰）。

今天 Day 12 我們要來學習 VS Code 的殺手級重構功能——Rename Symbol (F2 智慧改名) 與進階多重游標技巧，讓你既安全又快速地完成大規模重構！

🎯 本篇重點

1. 什麼是 AST 智慧重構？傳統尋找取代 vs F2 改名
2. **全域安全改名：F2 **
3. 進階多重游標與矩形選取技巧
4. 快速選取與擴充選取範圍

🔄 1. 全域安全改名：F2

這是寫程式時最高頻且最安全的重構武器：

• 操作方式：將游標停在任何一個變數、函式或類別名稱上，按下 F2 鍵（或按滑鼠右鍵選擇 「重新命名符號 / Rename Symbol」）。
• 神奇之處：
輸入新的名稱並按下 Enter，VS Code 會透過抽象語法樹 (AST) 精準識別該變數的作用域。它只會修改「同一個變數作用域」內的名稱，而不會誤改其他地方的同名字段或註解文字。
更厲害的是，如果該變數被引用在專案的其他檔案中，VS Code 會自動跨檔案連動修改，幾秒鐘內安全完成全域改名！

👥 2. 進階多重游標與矩形選取

在前一週我們學過 Ctrl + D 選取相同單字，這裡介紹另外兩種強大的多重游標操作：

**A. 選取所有相同的單字：Ctrl + Shift + L**

• 用法：當你選取某個變數後，按下 Ctrl + Shift + L（Mac 為 Cmd + Shift + L），VS Code 會瞬間在檔案中所有出現該單字的地方產生游標。此時直接打字，就能一次性把全檔的該變數全部改掉！

B. 滑鼠拖曳矩形選取

• 用法：按住 Shift + Alt（Mac 為 Shift + Option），並用滑鼠左鍵向上或向下拖曳，即可拉出一個「直向的矩形游標區塊」。
• 實用場景：非常適合用來整齊對齊多行資料、批量在每行開頭加上引號或逗號。

📐 3. 智能選取範圍擴充

當你需要選取一整段 HTML 標籤、JavaScript 函式塊或巢狀括號內的程式碼時：

• 快捷鍵：按下 Shift + Alt + 右方向鍵（Mac 為 Shift + Option + 右方向鍵）。
• 運作邏輯：
第一次按下會選取當前游標所在的單字 ➔ 第二次擴充選取到整個括號/引號內部 ➔ 第三次擴充選取到整個 HTML 標籤或程式碼區塊。
如果按過頭了，可以按 Shift + Alt + 左方向鍵 縮小選取範圍。這能完全取代用滑鼠慢慢拖曳選取的手殘困擾！