💻 แนะนำ VS Code Extensions ที่โปรแกรมเมอร์ต้องมี

By ryojun-morinaga

🛠️ เครื่องมือเสริมที่จะเปลี่ยนการเขียนโค้ดของคุณ

VS Code เป็น Editor ที่ได้รับความนิยมมากที่สุด วันนี้เรารวม Extensions ที่ช่วยเพิ่มประสิทธิภาพการทำงาน

⭐ Extensions แนะนำ

  1. Prettier - Code: formatter
    จัดรูปแบบโค้ดให้สวยงามอัตโนมัติ รองรับหลายภาษา
  2. ESLint
    ตรวจสอบความถูกต้องของ JavaScript/TypeScript
  3. GitLens
    เพิ่มความสามารถ Git ใน VS Code แบบครบครัน
  4. Live Server
    เปิด Local Server สำหรับทดสอบเว็บแบบ Real-time
  5. Thunder Client
    REST API Client แบบ Postman แต่อยู่ใน VS Code
  6. Auto Rename Tag
    แก้ไข Tag เปิด-ปิด HTML พร้อมกันอัตโนมัติ
  7. Bracket Pair Colorizer
    เปลี่ยนสีวงเล็บให้เข้าคู่กัน อ่านโค้ดง่ายขึ้น
  8. Path Intellisense
    Auto-complete ชื่อไฟล์และ Path
VS Code

🔧 วิธีติดตั้ง

  1. เปิด VS Code
  2. กด Ctrl+Shift+X (Windows) หรือ Cmd+Shift+X (Mac)
  3. พิมพ์ชื่อ Extension ที่ต้องการ
  4. กด Install
  5. Reload VS Code เมื่อติดตั้งเสร็จ

⚡ เคล็ดลับเพิ่มเติม

  • ใช้ Ctrl+P เพื่อเปิดไฟล์เร็วๆ
  • ใช้ Ctrl+Shift+F ค้นหาทั้งโปรเจค
  • ใช้ F12 Go to Definition
  • ใช้ Alt+Click แก้ไขหลายที่พร้อมกัน
"เครื่องมือที่ดีช่วยให้งานเสร็จเร็วขึ้น 50%"

ลองติดตั้งดู แล้วจะติดใจ! 🚀