8 คะแนน โดย pipiru114 2026-01-15 | 5 ความคิดเห็น | แชร์ทาง WhatsApp

ผมย้ายสภาพแวดล้อมการพัฒนามาใช้ VS Code แบบเต็มตัวหลังจากใช้ Claude Code

ระหว่างพัฒนาก็เริ่มเจอจุดที่ไม่สะดวกครับ (โดยเฉพาะสำหรับผมที่เน้นพัฒนา BE...)

มันคือสิ่งที่เคยใช้เป็นเรื่องปกติใน DataGrip จากชุดผลิตภัณฑ์ JetBrains ที่ผมเคยใช้นั่นเอง

  • ดูโครงสร้างตารางอย่างรวดเร็ว
  • แก้ไขผลลัพธ์ของคิวรีได้ทันที
  • ดูไดอะแกรม ERD
  • และอื่น ๆ

ผมลองหาส่วนขยายของ VS Code แล้ว ก็มีอยู่บ้าง แต่ก็ยังมีบางจุดที่รู้สึกขาด ๆ อยู่
(อาจเป็นเพราะผมหาไม่เจอเองก็ได้ครับ T_T)

ดังนั้นผมเลยลองสร้างส่วนขยายชื่อ DBunny ขึ้นมาเอง


[IMG] ภาพตัวอย่างการใช้งาน


ฟีเจอร์หลัก

  • แก้ไขแบบอินไลน์: แก้ไขผลลัพธ์คิวรีได้ทันทีเหมือน Excel
  • ไดอะแกรม ERD: แสดงความสัมพันธ์ของตารางพร้อมส่งออกเป็น SVG/PNG
  • มอนิเตอร์แบบเรียลไทม์: เวลาการทำงาน จำนวนการเชื่อมต่อ การเชื่อมต่อที่ใช้งานอยู่ ฯลฯ
  • SSH tunneling: เชื่อมต่อฐานข้อมูลระยะไกลอย่างปลอดภัย
  • ฐานข้อมูลที่รองรับ: MySQL, PostgreSQL, SQLite, H2, MongoDB, Redis

วิธีติดตั้ง

VS Code Marketplace: https://marketplace.visualstudio.com/items?itemName=chimaek.dbunny
หรือค้นหา "DBunny" ในแท็บส่วนขยาย


ตอนนี้ยังอยู่ระหว่างพัฒนา จึงอาจมีบั๊กอยู่บ้าง
หากมีฟีดแบ็กหรือรายงานบั๊กจะขอบคุณมากครับ 🐰

5 ความคิดเห็น

 
roxie 2026-01-23

ตัวผลิตภัณฑ์ดูเหมือนจะดี แต่รู้สึกว่า gif บนหน้าหลักไม่ค่อยดีเท่าไร อย่างแรกเลย การเข้าถึงหน้าจอการทำงานจริงซึ่งเป็นส่วนที่สำคัญที่สุดนั้นช้าเกินไป และผมก็ใช้เวลาพอสมควรกว่าจะเข้าใจว่าคำว่า "Subscribe" กับเคอร์เซอร์ที่ขยับอยู่ด้านบนนั้นสื่อถึงอะไร ในกรณีนี้คิดว่าเปลี่ยนเป็นภาพหน้าจอสักไม่กี่ภาพน่าจะมีประสิทธิภาพมากกว่า

 
pipiru114 2026-01-23

ขอบคุณสำหรับข้อเสนอแนะครับ เนื่องจากมีข้อมูลส่วนบุคคลอยู่ จึงได้แทนที่ด้วยข้อความว่า "Subscribe" ครับ จะพิจารณาในส่วนของการแทนที่ด้วยภาพหน้าจอด้วยเช่นกันครับ :)

 
roxie 2026-01-24

อืม อันนั้นก็เข้าใจนะ แต่ดูเหมือนว่าจะช้าเกินไปหน่อย 555 ตั้งแต่หน้าจอแรกขึ้นจนไปถึงหน้าจอที่ใช้งานได้จริงน่าจะใช้เวลาเกิน 10 วินาที

 
skg09203 2026-01-15

ลองติดตั้งแล้วใช้งานสักพัก เลยขอคอมเมนต์ไว้เผื่อมีจุดที่ไม่สะดวกหรืออาจเป็นปัญหาครับ!

สภาพแวดล้อมที่ใช้

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

ปัญหา

  • เชื่อมต่อ MySQL DB > เลือก DB ใน Connections > เลือกตาราง > ตอนเอาเมาส์ไปชี้ที่ตารางแล้วกดไอคอนตาราง
    "Error: Query execution failed: This command is not supported in the prepared statement protocol yet"
    มี error แบบนี้ขึ้นมา และไม่สามารถดูข้อมูลทั้งหมดได้ครับ
    (แต่ถ้าสร้างไฟล์ query แล้วสั่งดูข้อมูล จะขึ้นได้ปกติดีครับ)

จุดที่ไม่สะดวก

  • บน mac ถ้าจะสร้างไฟล์ query แล้วกด cmd + shift + q จะไปเรียกฟังก์ชันปิดเครื่องพื้นฐานของ Mac ก่อน เลยต้องไปตั้งคีย์แมปใหม่แยกต่างหาก...? (ถ้าเปลี่ยนก็ไม่มีปัญหาครับ แต่ถ้าคีย์เริ่มต้นจัดมาให้เหมาะกว่านี้ก็น่าจะดี... / เป็นความเห็นส่วนตัวครับ)
 
pipiru114 2026-01-15

ขอบคุณสำหรับคำติชมครับ :)

ผมยังไม่ได้คำนึงถึงการชนกันของคีย์ลัดจริง ๆ...

จึงได้ปรับให้เป็นรูปแบบเดียวกันคือ Ctrl+Alt+ (Windows) / Cmd+Option+ (Mac) เพื่อหลีกเลี่ยงการชนกับคีย์ลัดของ VS Code และของระบบ!