Hướng dẫn sử dụng VS Code cho lập trình viên từ cơ bản

Visual Studio Code (VS Code) là trình soạn thảo mã nguồn miễn phí của Microsoft, chạy trên Windows, macOS, Linux, hỗ trợ hầu hết ngôn ngữ thông qua extension. Để dùng VS Code hiệu quả từ đầu, bạn cần nắm bố cục giao diện, khoảng mười phím tắt hay dùng, cài đúng extension cho ngôn ngữ của mình, cấu hình tự động định dạng và kiểm tra lỗi, biết dùng trình gỡ lỗi, Git và terminal tích hợp. Bài hướng dẫn này đi theo đúng thứ tự một người mới cần học, để sau một tuần bạn làm việc nhanh hơn rõ rệt.

Cài đặt và làm quen giao diện

Tải VS Code từ trang chính thức code.visualstudio.com. Trên Windows, khi cài nên tích chọn "Add to PATH" và "Open with Code" trong menu chuột phải. Giao diện gồm:

• Activity Bar (cột biểu tượng bên trái): Explorer, Search, Source Control, Run and Debug, Extensions.
• Side Bar: nội dung của mục đang chọn, ví dụ cây thư mục dự án.
• Editor: vùng soạn thảo, mở nhiều tab và chia đôi màn hình được.
• Panel phía dưới: Terminal, Problems, Output, Debug Console.
• Status Bar: nhánh Git, ngôn ngữ của file, lỗi và cảnh báo, kiểu xuống dòng.

Luôn mở cả thư mục dự án (File, Open Folder) thay vì mở từng file lẻ, để VS Code hiểu cấu trúc dự án, tìm kiếm và gợi ý chính xác.

Phím tắt đáng học đầu tiên

Nếu chỉ nhớ một phím tắt, hãy nhớ Command Palette: gõ vài chữ là tìm được mọi lệnh, kèm phím tắt của lệnh đó.

Extension nên cài theo nhu cầu

Đừng cài hàng chục extension cùng lúc; mỗi extension tốn tài nguyên và có thể xung đột. Gợi ý theo ngôn ngữ:

• Python: Python và Pylance của Microsoft, Ruff để kiểm tra và định dạng. So sánh VS Code với IDE khác cho Python có trong bài so sánh IDE lập trình Python.
• JavaScript/TypeScript: ESLint, Prettier; hỗ trợ TypeScript đã có sẵn.
• Java: Extension Pack for Java.
• Go: Go (do nhóm Go duy trì).
• Chung: GitLens để xem lịch sử từng dòng, EditorConfig, Error Lens hiện lỗi ngay trong dòng, Docker, Dev Containers, Remote - SSH.

Chỉ cài extension từ nhà phát hành đáng tin, kiểm tra số lượt cài và đánh giá; đã có trường hợp extension giả mạo chứa mã độc trên chợ extension.

Cấu hình để code luôn gọn gàng

• Bật Format On Save để file tự định dạng mỗi lần lưu.
• Chọn formatter mặc định cho từng ngôn ngữ (Prettier cho JavaScript, Ruff hoặc Black cho Python).
• Bật tự lưu (Auto Save) nếu bạn hay quên lưu.
• Đặt cấu hình riêng cho dự án trong thư mục .vscode/settings.json và commit vào kho để cả đội dùng chung; cấu hình cá nhân để trong User Settings.
• Gợi ý extension cho dự án bằng file .vscode/extensions.json.

Snippet, Emmet và chỉnh sửa nhiều con trỏ

Ba tính năng giúp gõ ít mà làm được nhiều. Snippet là đoạn mã mẫu chèn bằng vài ký tự: gõ tên snippet, nhấn Tab, VS Code điền khung code và cho bạn nhảy qua từng chỗ cần sửa; bạn có thể tự tạo snippet cho các khối lặp lại trong dự án qua lệnh "Snippets: Configure Snippets". Emmet có sẵn cho HTML và CSS: gõ một biểu thức ngắn như ul>li*5 rồi nhấn Tab để sinh cả cấu trúc thẻ. Chỉnh sửa nhiều con trỏ cho phép sửa nhiều dòng cùng lúc: giữ Alt (Option trên macOS) và bấm để đặt thêm con trỏ, hoặc chọn một từ rồi nhấn Ctrl+Shift+L để chọn mọi lần xuất hiện. Khi đã quen, những thao tác đổi tên, thêm dấu phẩy, sửa hàng loạt chỉ mất vài giây.

Gỡ lỗi (debug) đúng cách

Thay vì rải lệnh in ra màn hình, hãy dùng trình gỡ lỗi:

1. Đặt breakpoint bằng cách bấm vào lề trái cạnh số dòng.
2. Mở Run and Debug, chọn cấu hình phù hợp (VS Code gợi ý tự động cho nhiều ngôn ngữ) hoặc tạo file launch.json.
3. Chạy, chương trình dừng tại breakpoint; xem giá trị biến, call stack, chạy từng bước (step over, step into).
4. Dùng breakpoint có điều kiện khi lỗi chỉ xảy ra với dữ liệu cụ thể, và logpoint để ghi log mà không sửa code.

Git tích hợp

Mục Source Control cho phép xem file đã sửa, so sánh thay đổi, stage từng đoạn, commit, chuyển nhánh, đẩy lên remote mà không cần gõ lệnh. Khi có xung đột, VS Code hiển thị trình giải quyết với lựa chọn giữ phiên bản nào. Kiến thức nền về Git được trình bày trong bài hướng dẫn Git và GitHub cho người mới.

Terminal và làm việc từ xa

• Terminal tích hợp mở đúng thư mục dự án; chạy nhiều terminal, chia đôi, đặt tên từng terminal.
• Remote - SSH: mở thư mục trên máy chủ từ xa như đang ở máy mình.
• WSL: trên Windows, mở dự án nằm trong Ubuntu WSL; xem bài cài đặt Ubuntu cho lập trình viên.
• Dev Containers: chạy toàn bộ môi trường phát triển trong container, mọi thành viên dùng cùng phiên bản công cụ.

Tính năng AI trong VS Code

VS Code tích hợp GitHub Copilot và hỗ trợ nhiều extension trợ lý AI khác: gợi ý code, trò chuyện về dự án, chỉnh sửa nhiều file, chế độ agent. Người mới nên dùng AI để hỏi giải thích và học, nhưng tự viết và hiểu code. Các công cụ cụ thể được so sánh trong bài top công cụ AI hỗ trợ lập trình.

Giữ VS Code nhanh và nhẹ

• Tắt extension không dùng, hoặc chỉ bật theo workspace.
• Dùng lệnh "Developer: Show Running Extensions" để tìm extension tốn tài nguyên.
• Loại thư mục lớn (node_modules, build) khỏi tìm kiếm và theo dõi file bằng cài đặt files.exclude, search.exclude.
• Dùng Profiles để tách bộ extension cho từng loại công việc (web, Python, viết tài liệu).
• Bật Settings Sync để đồng bộ cấu hình giữa các máy.