แนะนำ vscode extensions สำหรับพัฒนาเว็บ

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 เหล่านี้จะช่วยทำให้การพัฒนาเว็บของคุณสะดวกและรวดเร็วขึ้นครับ

Leave a Reply

Your email address will not be published. Required fields are marked *