DBunny - Extension thao tác DB cho VS Code được tạo ra vì quá nhớ DataGrip

Tôi đã dùng Claude Code và chuyển hoàn toàn môi trường phát triển sang VS Code.

Trong quá trình phát triển, tôi bắt đầu thấy một số điểm bất tiện. (Đặc biệt với một người chủ yếu phát triển BE như tôi...)

Đó là những thứ trước đây tôi từng dùng rất tự nhiên trong DataGrip, một sản phẩm thuộc bộ công cụ JetBrains.

• Xem nhanh cấu trúc bảng
• Chỉnh sửa trực tiếp kết quả truy vấn
• Kiểm tra sơ đồ ERD
• Vân vân

Tôi đã tìm thử các extension cho VS Code, đúng là có, nhưng vẫn có vài chỗ khiến tôi thấy chưa đã.
(Cũng có thể là do tôi chưa tìm ra thôi huhu)

Vì vậy tôi đã tự tạo một extension tên là DBunny.

---

[IMG] Hình ảnh ví dụ sử dụng

---

Tính năng chính

• Chỉnh sửa inline: chỉnh trực tiếp kết quả truy vấn như trên Excel
• Sơ đồ ERD: trực quan hóa quan hệ giữa các bảng + xuất SVG/PNG
• Giám sát thời gian thực: thời gian thực thi, số lượng kết nối, kết nối đang hoạt động, v.v.
• SSH tunneling: truy cập DB từ xa an toàn
• DB được hỗ trợ: MySQL, PostgreSQL, SQLite, H2, MongoDB, Redis

---

Cách cài đặt

VS Code Marketplace: https://marketplace.visualstudio.com/items?itemName=chimaek.dbunny
Hoặc tìm kiếm "DBunny" trong tab Extensions

---

Hiện vẫn đang trong quá trình phát triển nên có thể sẽ có lỗi.
Nếu bạn gửi phản hồi hoặc báo lỗi thì mình sẽ rất cảm kích 🐰

[roxie]

Sản phẩm có vẻ khá tốt, nhưng mình thấy ảnh gif trên màn hình chính thực sự không ổn lắm. Trước hết, mất quá nhiều thời gian để vào đến màn hình hoạt động thực tế, vốn là phần quan trọng nhất, và mình cũng phải mất một lúc lâu mới hiểu chữ "Subscribe" cùng con trỏ đang chuyển động phía trên nó có ý nghĩa gì. Trong trường hợp này, có lẽ thay bằng vài ảnh chụp màn hình sẽ hiệu quả hơn.

[pipiru114]

Cảm ơn bạn đã góp ý. Vì có chứa thông tin cá nhân nên tôi đã thay thế bằng cụm từ "Subscribe". Tôi cũng sẽ cân nhắc việc thay bằng ảnh chụp màn hình. :)

[roxie]

Ừ, điều đó thì tôi hiểu, nhưng có vẻ nó quá chậm rồi đó haha, có vẻ phải mất hơn 10 giây từ lúc hiện màn hình đầu tiên cho đến khi chuyển sang màn hình hoạt động.

[skg09203]

Mình đã cài thử và dùng một lúc ngắn, thấy có vài điểm bất tiện hoặc có thể là vấn đề nên để lại bình luận!

Môi trường sử dụng

• intel mac (i7)
• Mac OS:15.4
• vscode version: 1.108.0

Vấn đề

• Kết nối MySQL DB > chọn DB trong Connections > chọn bảng > khi đưa chuột lên bảng rồi bấm vào biểu tượng bảng thì hiện lỗi
  "Error: Query execution failed: This command is not supported in the prepared statement protocol yet"
  nên không xem được toàn bộ dữ liệu.
  (khi tạo file query rồi truy vấn thì vẫn hiển thị bình thường)

Điểm bất tiện

• Trên mac, khi nhấn cmd + shift + q để tạo file query thì chức năng thoát mặc định của mac bật lên trước, nên phải tự remap phím riêng...? (Nếu đổi thì sẽ không sao, nhưng sẽ tốt hơn nếu cấu hình phím mặc định được thiết kế ổn hơn.. / ý kiến cá nhân của mình.)

[pipiru114]

Cảm ơn bạn đã góp ý :)

Mình đã chưa kịp cân nhắc đến xung đột phím tắt...

Mình đã thống nhất thành Ctrl+Alt+ (Windows) / Cmd+Option+ (Mac) để tránh xung đột với phím tắt của VS Code và hệ thống!