CodeSnap – Chụp ảnh mã nguồn đẹp mắt trong Visual Studio Code
CodeSnap là một tiện ích mở rộng miễn phí dành cho Visual Studio Code, cho phép lập trình viên chụp nhanh các đoạn mã với giao diện đẹp mắt để chia sẻ, lưu trữ hoặc minh họa trong tài liệu. Với hơn 3,1 triệu lượt cài đặt, CodeSnap là lựa chọn phổ biến của cộng đồng lập trình khi cần trình bày mã nguồn rõ ràng và chuyên nghiệp.
Tính năng nổi bật của CodeSnap
- Chụp ảnh mã nguồn nhanh chóng trực tiếp trong VS Code.
- Lưu ảnh về máy hoặc sao chép vào clipboard chỉ với một cú nhấp.
- Hiển thị số dòng mã tùy chọn.
- Tùy chỉnh linh hoạt: màu nền, đổ bóng, bo góc, tên cửa sổ, độ trong suốt…
- Hỗ trợ nhiều chủ đề (theme) như Monokai, Nord, Material…
Hướng dẫn sử dụng CodeSnap
- Mở Command Palette (
Ctrl+Shift+Ptrên Windows/Linux,Cmd+Shift+Ptrên macOS). - Tìm và chọn lệnh
CodeSnap. - Bôi đen đoạn mã muốn chụp ảnh.
- (Tùy chọn) Điều chỉnh chiều rộng khung hiển thị.
- Nhấn nút máy ảnh để lưu ảnh về máy.
Mẹo:
- Có thể click chuột phải vào đoạn mã và chọn “CodeSnap”.
- Gán phím tắt bằng cách vào cài đặt phím (
Keyboard Shortcuts), tìmcodesnap.start. - Để sao chép ảnh thay vì lưu, click vào ảnh và nhấn
Ctrl+ChoặcCmd+C, hoặc gáncodesnap.shutterActionthànhcopy.
Cấu hình nâng cao
Bạn có thể tùy chỉnh CodeSnap theo nhu cầu bằng cách thay đổi các cài đặt sau trong VS Code:
| Cài đặt | Chức năng |
|---|---|
codesnap.backgroundColor | Màu nền ảnh (CSS color). |
codesnap.boxShadow | Hiệu ứng đổ bóng (box-shadow). |
codesnap.containerPadding | Khoảng cách viền (padding). |
codesnap.roundedCorners | Bo góc (true/false). |
codesnap.showWindowControls | Hiển thị nút cửa sổ kiểu macOS. |
codesnap.showWindowTitle | Hiển thị tên file/thư mục. |
codesnap.showLineNumbers | Hiển thị số dòng mã. |
codesnap.realLineNumbers | Bắt đầu số dòng thực thay vì 1. |
codesnap.transparentBackground | Nền trong suốt. |
codesnap.target | container hoặc window. |
codesnap.shutterAction | save hoặc copy. |
Lưu ý với người dùng Linux
Nếu muốn sao chép ảnh vào clipboard, cần cài thêm tiện ích:
- Với Ubuntu/Debian:
sudo apt install xclip - Với Arch/Manjaro:
pacman -S xclip - Nếu dùng Wayland, thay vào đó hãy cài
wl-clipboard.
CodeSnap là công cụ lý tưởng cho bất kỳ lập trình viên nào muốn tạo ra ảnh chụp mã nguồn đẹp mắt để chia sẻ trên blog, mạng xã hội, slide trình bày hoặc tài liệu hướng dẫn. Dễ dùng, linh hoạt và có thể tùy chỉnh sâu – CodeSnap xứng đáng là một phần trong bộ công cụ của bạn.
Chúc bạn thành công!