Hướng dẫn bật Auto Save trên VS Code không cần cài Extension

Rất nhiều lập trình viên khi mới sử dụng Visual Studio Code (VS Code) thường tìm kiếm các extension (tiện ích mở rộng) để giúp tự động lưu file trong quá trình gõ code.

Sự thật là: Bạn không cần cài đặt thêm bất kỳ extension nào cả! VS Code đã tích hợp sẵn tính năng Auto Save vô cùng mạnh mẽ và mượt mà ngay trong phần cài đặt gốc. Dưới đây là 2 cách để bạn kích hoạt tính năng này.

1. Cách 1: Bật Nhanh Qua Thanh Menu (Đơn giản nhất)

Nếu bạn chỉ muốn code tự động lưu mà không cần quan tâm đến các tùy chỉnh phức tạp, đây là cách nhanh nhất:

1. Nhìn lên thanh công cụ (Menu Bar) ở trên cùng của cửa sổ VS Code.
2. Nhấp chuột vào tab File.
3. Di chuột xuống và click vào dòng Auto Save.

Khi bạn thấy có một dấu tích (✓) xuất hiện bên cạnh chữ Auto Save, nghĩa là tính năng đã được kích hoạt thành công. Code của bạn sẽ tự động được lưu liên tục.

2. Cách 2: Tùy Chỉnh Chuyên Sâu Qua Settings (Khuyên dùng)

Nếu bạn muốn kiểm soát chính xác khi nào file sẽ được lưu (ví dụ: chỉ lưu khi chuyển tab, hoặc lưu sau mỗi 1 giây), hãy sử dụng phần Settings:

1. Mở cửa sổ Settings bằng phím tắt Ctrl + , (trên Windows/Linux) hoặc Cmd + , (trên macOS).
2. Tại thanh tìm kiếm ở góc trên cùng, gõ từ khóa: Auto Save.
3. Tìm đến mục Files: Auto Save (thường nằm ngay đầu tiên). Tại đây, bạn hãy click vào menu thả xuống (mặc định đang là off) và chọn một trong các chế độ sau:
   • afterDelay: Tự động lưu sau một khoảng thời gian nhất định (không cần thao tác gì thêm).
     • Lưu ý: Khi chọn chế độ này, bạn có thể chỉnh thời gian đếm ngược ở mục Files: Auto Save Delay ngay bên dưới. Mặc định là 1000 (tương đương 1000 mili-giây, tức 1 giây).
   • onFocusChange: Chỉ tự động lưu khi bạn click chuột sang một tab code khác hoặc cửa sổ khác bên trong VS Code.
   • onWindowChange: Chỉ tự động lưu khi bạn thu nhỏ VS Code hoặc chuyển sang dùng một phần mềm khác (ví dụ: Alt + Tab sang trình duyệt Chrome).

⚠️ Những Nhầm Lẫn Phổ Biến Cần Tránh

Khi cài đặt Auto Save qua Settings, người dùng rất dễ tích nhầm vào các mục có tên tương tự nhưng chức năng hoàn toàn khác. Hãy đảm bảo bạn KHÔNG nhầm lẫn với các mục sau:

• Files > Refactoring: Auto Save: Đây KHÔNG phải là tự động lưu khi bạn gõ code. Nó chỉ tự động lưu các file bị ảnh hưởng khi bạn thực hiện các lệnh tái cấu trúc mã (Refactoring - ví dụ như đổi tên hàng loạt).
• Claude Code: Autosave (hoặc các mục của AI Extension): Tùy chọn này chỉ cho phép extension AI tự động lưu file trước khi nó đọc hoặc sửa code của bạn. Nó không hoạt động khi chính tay bạn đang gõ code.

Chốt lại: Hãy luôn chắc chắn rằng bạn đang thay đổi thông số ở mục Files: Auto Save trên cùng của trang Settings.

💡 Mẹo Nâng Cao: Tự Động Làm Đẹp Code (Format on Save)

Nếu bạn muốn mỗi lần VS Code tự động lưu file, đoạn code của bạn cũng tự động được căn lề, thụt đầu dòng gọn gàng, hãy làm thêm bước sau:

1. Cài đặt một extension định dạng code (phổ biến nhất là Prettier - Code formatter).
2. Vào Settings (Ctrl + ,), tìm kiếm từ khóa Format On Save.
3. Tích chọn vào ô Editor: Format On Save.

Bây giờ, bạn đã có một môi trường code hoàn hảo: không bao giờ sợ mất dữ liệu do quên bấm Ctrl + S, và code luôn đẹp mắt gọn gàng!