1. HTML
- Auto Close Tag: ปิดแท็ก HTML อัตโนมัติเมื่อคุณเปิดแท็กใหม่
- Auto Rename Tag: ช่วยแก้ไขชื่อแท็ก HTML ที่เปิดและปิดพร้อมกัน
2. CSS
- Live Sass Compiler: สำหรับแปลง Sass หรือ SCSS เป็น CSS โดยอัตโนมัติ
- CSS Peek: ให้คุณสามารถคลิกที่ class หรือ id ใน HTML และไปยัง CSS ที่กำหนดไว้ได้โดยตรง
- IntelliSense for CSS class names in HTML: ช่วย autocomplete ชื่อ class ที่ใช้อยู่ในไฟล์ CSS
- Bootstrap 5 Quick Snippets: เพื่อช่วยให้การเขียนโค้ด Bootstrap รวดเร็วขึ้น
3. JavaScript
- ESLint: ช่วยตรวจสอบโค้ด JavaScript ตามมาตรฐานที่ตั้งไว้ เพื่อช่วยลดข้อผิดพลาด
- JavaScript (ES6) code snippets: Snippets สำหรับโค้ด ES6 ที่ช่วยให้เขียนโค้ด JavaScript ได้เร็วขึ้น
- Prettier – Code formatter: ช่วยจัดรูปแบบโค้ดให้อ่านง่ายและมีมาตรฐาน
- jQuery Code Snippets: ช่วยเพิ่มความเร็วในการเขียนโค้ด jQuery ได้ง่ายขึ้น โดยมี snippets สำเร็จรูปให้ใช้งาน เช่น การเลือก elements, การจัดการ events, และอื่น ๆ
- ES7+ React/Redux/React-Native snippets: ช่วยให้คุณเขียนโค้ด React, Redux, และ React Native ได้เร็วขึ้น ด้วยการเพิ่ม snippets สำหรับโค้ดที่พบบ่อย เช่น component, hooks, และ Redux actions
4. PHP
- PHP Intelephense: ให้ฟีเจอร์ autocomplete, syntax highlighting, และ error checking สำหรับโค้ด PHP
- PHP Debug: ช่วย debug โค้ด PHP ได้โดยตรงใน VS Code
- PHP DocBlocker: สำหรับสร้าง PHPDoc และช่วยจัดการกับคอมเมนต์ในโค้ด PHP
Extensions เสริมสำหรับพัฒนาเว็บ
- Live Server (Five Server): เปิด localhost server สำหรับหน้าพัฒนาเว็บและอัปเดตแบบเรียลไทม์
- Path Intellisense: autocomplete สำหรับเส้นทางของไฟล์ในโปรเจกต์
Extensions เหล่านี้จะช่วยทำให้การพัฒนาเว็บของคุณสะดวกและรวดเร็วขึ้นครับ