🛠️ เครื่องมือเสริมที่จะเปลี่ยนการเขียนโค้ดของคุณ
VS Code เป็น Editor ที่ได้รับความนิยมมากที่สุด วันนี้เรารวม Extensions ที่ช่วยเพิ่มประสิทธิภาพการทำงาน
⭐ Extensions แนะนำ
-
Prettier - Code: formatter
จัดรูปแบบโค้ดให้สวยงามอัตโนมัติ รองรับหลายภาษา -
ESLint
ตรวจสอบความถูกต้องของ JavaScript/TypeScript -
GitLens
เพิ่มความสามารถ Git ใน VS Code แบบครบครัน -
Live Server
เปิด Local Server สำหรับทดสอบเว็บแบบ Real-time -
Thunder Client
REST API Client แบบ Postman แต่อยู่ใน VS Code -
Auto Rename Tag
แก้ไข Tag เปิด-ปิด HTML พร้อมกันอัตโนมัติ -
Bracket Pair Colorizer
เปลี่ยนสีวงเล็บให้เข้าคู่กัน อ่านโค้ดง่ายขึ้น -
Path Intellisense
Auto-complete ชื่อไฟล์และ Path
🔧 วิธีติดตั้ง
- เปิด VS Code
- กด Ctrl+Shift+X (Windows) หรือ Cmd+Shift+X (Mac)
- พิมพ์ชื่อ Extension ที่ต้องการ
- กด Install
- Reload VS Code เมื่อติดตั้งเสร็จ
⚡ เคล็ดลับเพิ่มเติม
- ใช้
Ctrl+Pเพื่อเปิดไฟล์เร็วๆ - ใช้
Ctrl+Shift+Fค้นหาทั้งโปรเจค - ใช้
F12Go to Definition - ใช้
Alt+Clickแก้ไขหลายที่พร้อมกัน
"เครื่องมือที่ดีช่วยให้งานเสร็จเร็วขึ้น 50%"
ลองติดตั้งดู แล้วจะติดใจ! 🚀