Phím tắt (Cấp độ Thần Thánh) ⚡

Bỏ chuột đi. Nó đang làm chậm bạn. Những phím tắt này là bắt buộc cho kỹ sư hiệu suất cao.

Tip 1: Multi-Cursor Magic với Ctrl + D

Problem

Bạn cần đổi tên một biến xuất hiện 15 lần trong file. Find/Replace quá thô, có thể đổi nhầm.

Solution

Ctrl + D: Chọn lần xuất hiện tiếp theo của text đang highlight.

Example

// Bạn muốn đổi 'user' thành 'currentUser'
const user = getUser();
console.log(user.name);
sendEmail(user.email);

Workflow:

1. Highlight user lần đầu
2. Nhấn Ctrl + D 3 lần (chọn 3 lần xuất hiện)
3. Gõ currentUser - tất cả đổi cùng lúc

Pro Tips

• Nhấn Ctrl + D liên tục để chọn từng instance một
• Nhấn Ctrl + Shift + L để chọn TẤT CẢ instances cùng lúc
• Skip một instance không muốn đổi: Ctrl + K, Ctrl + D

---

Tip 2: Manual Multi-Cursor với Alt + Click

Problem

Bạn cần chỉnh sửa nhiều dòng không theo pattern (không thể dùng Ctrl + D).

Solution

Alt + Click: Thêm cursor ở bất kỳ vị trí nào.

Example

// Cần thêm 'await' vào 5 dòng khác nhau
const data1 = fetchData1();
const data2 = fetchData2();
const data3 = fetchData3();

Workflow:

1. Giữ Alt
2. Click vào đầu mỗi dòng cần sửa
3. Gõ await - tất cả dòng được sửa cùng lúc

Pro Tips

• Kết hợp với Home/End để di chuyển tất cả cursors
• Ctrl + Alt + Up/Down: Thêm cursor lên/xuống dòng liền kề

---

Tip 3: Jump to Definition với F12

Problem

Đọc code, gặp function không rõ, phải scroll tìm hoặc search.

Solution

F12: Nhảy thẳng đến nơi function/class được định nghĩa.

Example

// Cursor đang ở đây
const result = calculateDiscount(price, coupon);
//              ^^^^^^^^^^^^^^^^
// Nhấn F12 → Nhảy đến definition của calculateDiscount

Pro Tips

• Alt + Left Arrow: Quay lại vị trí trước đó
• Ctrl + Click: Alternative cho F12
• Shift + F12: Xem TẤT CẢ nơi function được gọi (Find All References)

---

Tip 4: Quick Open với Ctrl + P

Problem

Mở file trong project lớn bằng file explorer mất thời gian.

Solution

Ctrl + P: Fuzzy search mở file ngay lập tức.

Example

Ctrl + P → Gõ "usrprf" → Enter
→ Mở file "UserProfile.tsx" ngay lập tức

Pro Tips

• Không cần gõ đầy đủ, chỉ cần vài chữ cái đặc trưng
• Ctrl + P rồi gõ @: Xem symbols trong file hiện tại
• Ctrl + P rồi gõ #: Search symbols trong toàn project
• Ctrl + P rồi gõ :: Nhảy đến dòng cụ thể (ví dụ: :42)

---

Tip 5: Move Lines với Alt + Up/Down

Problem

Code ở sai vị trí, phải cut/paste nhiều lần.

Solution

Alt + Up/Down: Di chuyển dòng (hoặc block đang chọn) lên/xuống.

Example

// Muốn đổi thứ tự
const b = 2;
const a = 1;  // ← Cursor ở đây, nhấn Alt + Up
// → Dòng này nhảy lên trên

Pro Tips

• Hoạt động với cả block code (chọn nhiều dòng)
• Tự động indent đúng khi di chuyển
• Kết hợp với Ctrl + Shift + K để xóa dòng nhanh

---

Tip 6: Duplicate Lines với Shift + Alt + Up/Down

Problem

Cần copy một dòng code tương tự (ví dụ: thêm console.log).

Solution

Shift + Alt + Down: Nhân đôi dòng hiện tại xuống dưới.

Example

console.log('User:', user);
// Nhấn Shift + Alt + Down
console.log('User:', user);  // ← Dòng mới xuất hiện

Pro Tips

• Shift + Alt + Up: Nhân đôi lên trên
• Hoạt động với cả block code
• Nhanh hơn Ctrl + C, Ctrl + V

---

Tip 7: Command Palette với Ctrl + Shift + P

Problem

Không nhớ phím tắt cho một action cụ thể.

Solution

Ctrl + Shift + P: Mở Command Palette - truy cập MỌI lệnh trong VS Code.

Example

Ctrl + Shift + P → Gõ "format" → Enter
→ Format Document ngay lập tức

Pro Tips

• Gõ > để xem commands (mặc định)
• Gõ @ để xem symbols trong file
• Gõ # để search symbols trong workspace
• Gõ : để jump to line

---

Tip 8: Zen Mode với Ctrl + K, Z

Problem

Quá nhiều distraction (sidebar, terminal, tabs) khi cần focus.

Solution

Ctrl + K, Z: Vào Zen Mode - chỉ còn code, không gì khác.

Example

Nhấn Ctrl + K (giữ), rồi nhấn Z → Fullscreen, không sidebar, không tabs.

Pro Tips

• Nhấn Esc hai lần để thoát Zen Mode
• Customize Zen Mode trong Settings: zenMode.hideLineNumbers, zenMode.hideStatusBar
• Kết hợp với Ctrl + B để toggle sidebar khi cần

---

Tip 9: Split Editor với Ctrl + \

Problem

Cần xem 2 files cùng lúc (ví dụ: component và test).

Solution

Ctrl + \: Split editor thành 2 panels.

Example

File A đang mở → Ctrl + \ → File A xuất hiện ở 2 panels
→ Ctrl + P mở File B ở panel thứ 2

Pro Tips

• Ctrl + 1/2/3: Focus vào panel 1/2/3
• Ctrl + W: Đóng panel hiện tại
• Ctrl + K, Ctrl + Left/Right: Di chuyển panel sang trái/phải
• Split tối đa 3 panels (hoặc grid layout)

---

Tip 10: Integrated Terminal với Ctrl + `

Problem

Chuyển qua terminal riêng mất focus và thời gian.

Solution

Ctrl + ` (backtick): Toggle integrated terminal trong VS Code.

Example

Đang code → Ctrl + ` → Terminal xuất hiện
→ Chạy lệnh → Ctrl + ` → Quay lại code

Pro Tips

• Ctrl + Shift + `: Tạo terminal mới
• Ctrl + Shift + 5: Split terminal
• Alt + Up/Down: Scroll terminal history
• Terminal hỗ trợ multi-cursor và shortcuts giống editor

---

📋 Quick Reference Cheatsheet

Shortcut	Action	Use Case
Ctrl + D	Select next occurrence	Rename variables in scope
Alt + Click	Add cursor	Multi-line editing
F12	Go to Definition	Navigate code
Ctrl + P	Quick Open	Open files fast
Alt + Up/Down	Move line	Reorder code
Shift + Alt + Down	Duplicate line	Copy similar code
Ctrl + Shift + P	Command Palette	Access all commands
Ctrl + K, Z	Zen Mode	Focus coding
Ctrl + \	Split Editor	View 2 files
Ctrl + `	Toggle Terminal	Run commands

---

🎯 Luyện tập ngay

💪 Thực hành Productivity Skills