0

[Series VS Code Mastery] Bài 2: Tối ưu và "Độ" Terminal - Biến Command Line thành vũ khí sắc bén

Chào anh em, ở Bài 1 chúng ta đã cùng nhau khám phá mọi ngóc ngách của khu vực Bottom Panel. Hôm nay, chúng ta sẽ đi sâu vào tab được sử dụng nhiều nhất: TERMINAL.

Mặc định, Terminal của VS Code khá đơn điệu. Là một developer thường xuyên làm việc với các hệ thống backend, server, hay build source, việc phải nhìn vào một màn hình đen chữ trắng nhàm chán hàng giờ liền sẽ làm giảm cảm hứng code. Hãy cùng "độ" lại nó qua các bước sau!

1. Thay đổi Shell Mặc Định (Default Profile)

Nếu bạn dùng Windows, mặc định VS Code sẽ mở PowerShell. Tuy nhiên, đa số anh em dev lại thích dùng Git Bash hoặc WSL (Ubuntu/Zsh) hơn vì hệ thống lệnh Linux thân thiện với môi trường server.

Cách thiết lập:

  • Mở Command Palette bằng phím tắt Ctrl + Shift + P (hoặc Cmd + Shift + P trên Mac).
  • Gõ và chọn lệnh: Terminal: Select Default Profile.
  • Một danh sách các shell đang có trên máy sẽ hiện ra. Bạn chỉ cần click chọn shell yêu thích (ví dụ: Git Bash hoặc Ubuntu (WSL)).
  • Mở một Terminal mới (Ctrl + Shift + ~), bạn sẽ thấy shell mặc định đã được thay đổi.

2. Nâng Cấp Font Chữ và Kích Thước

Để Terminal hiển thị được các icon đẹp mắt (ví dụ: icon Git branch, icon folder, logo ngôn ngữ), bạn bắt buộc phải sử dụng Nerd Fonts (một bộ font đã được patch thêm hàng ngàn icon). Các font quốc dân thường dùng là FiraCode Nerd Font, Hack Nerd Font, hoặc MesloLGS NF.

Cách cấu hình trong settings.json:

Mở file Settings (JSON) và thêm/sửa các dòng sau:

{
  "terminal.integrated.fontFamily": "'FiraCode Nerd Font', Consolas, monospace",
  "terminal.integrated.fontSize": 14,
  "terminal.integrated.fontWeight": "normal",
  "terminal.integrated.cursorStyle": "line",
  "terminal.integrated.cursorBlinking": true
}

Lưu ý: Bạn phải tải và cài đặt Nerd Font vào hệ điều hành trước thì VS Code mới nhận diện được.

3. Cài đặt "Đồ chơi" cho Prompt: Starship hoặc Oh My Zsh

Đây là bước giúp Terminal của bạn thực sự "lột xác". Thay vì một dòng dấu nhắc lệnh (prompt) đơn điệu chứa đường dẫn dài thòng lọng, bạn có thể biến nó thành một thanh trạng thái hiển thị:

  • Môi trường Node.js/Go/PHP hiện tại.
  • Trạng thái Git (đang ở branch nào, có bao nhiêu file bị sửa, đã commit chưa).
  • Thời gian thực thi lệnh (rất hữu ích khi test performance).

Gợi ý:

  • Nếu bạn dùng Zsh (Mac/Linux/WSL): Hãy cài đặt Oh My Zsh kết hợp với theme Powerlevel10k. Nó cung cấp một giao diện Terminal đẹp không tì vết.
  • Nếu bạn muốn một giải pháp nhẹ, nhanh và đa nền tảng (cài được trên cả PowerShell, Bash, Zsh): Hãy dùng Starship (starship.rs). Nó được viết bằng Rust nên tốc độ phản hồi cực kỳ khủng khiếp.

4. Bộ Phím Tắt (Shortcuts) "Must-Know" Của Terminal

Càng hạn chế dùng chuột, tốc độ làm việc của bạn càng nhanh. Hãy ghi nhớ các phím tắt sinh tử này khi thao tác với Terminal trong VS Code:

  • Ctrl + ~ (hoặc `Ctrl + ``): Ẩn/Hiện nhanh cửa sổ Terminal. Đang gõ code cần chạy lệnh? Bấm một phát để mở, gõ xong bấm một phát để đóng, không cần chạm tay vào chuột.
  • Ctrl + Shift + 5: Chia đôi Terminal (Split Terminal). Tuyệt vời để vừa chạy Server, vừa xem Log.
  • Alt + Left/Right Arrow: Di chuyển qua lại giữa các Split Terminal đang mở.
  • Ctrl + Shift + C: Copy văn bản đang bôi đen trong Terminal.
  • Ctrl + Shift + V: Paste lệnh vào Terminal.
  • Ctrl + L (hoặc lệnh clear): Xóa sạch màn hình Terminal khi log hiển thị quá dày đặc.

Chỉ với vài phút tinh chỉnh, chiếc Terminal của bạn giờ đây đã trở nên sống động, cung cấp nhiều thông tin hữu ích và tối ưu hóa hoàn toàn cho quá trình coding. Chúc anh em thiết lập thành công và hẹn gặp lại ở Bài 3!


All Rights Reserved

Viblo
Let's register a Viblo Account to get more interesting posts.