แนะนำ 10 Extension ใน VS Code ที่ควรมีติดไว้

Sept. 18, 2024 · boychawin

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

แนะนำ 10 Extension ใน VS Code


1. Error Lens

Error Lens

ErrorLens จะช่วยให้การตรวจจับข้อผิดพลาด (diagnostics) ในโค้ดของคุณชัดเจนขึ้น โดยจะไฮไลท์บรรทัดที่มีข้อผิดพลาดและแสดงข้อความเตือนแบบอินไลน์ ทำให้ไม่พลาดทุกความผิดพลาดในโค้ดของคุณ

ดาวน์โหลด ErrorLens


2. Eva Theme

Eva Theme

Eva Theme ที่มาพร้อมกับโทนสีสบายตา ทั้งโหมดมืดและสว่าง อีกทั้งยังมีให้เลือกถึง 4 สไตล์ ทั้งแบบ Normal, Bold, Italic และ Italic Bold ช่วยให้คุณเขียนโค้ดได้อย่างสบายตาและเน้นส่วนสำคัญของโค้ดได้ชัดเจนขึ้น

ดาวน์โหลด Eva Theme


3. Material Icon Theme

Material Icon Theme

เปลี่ยนไอคอนไฟล์ต่าง ๆ ใน VS Code ของคุณให้ดูโดดเด่นและสวยงามด้วย Material Icon Theme ที่จะช่วยให้คุณแยกแยะไฟล์ต่าง ๆ ได้ง่ายยิ่งขึ้นด้วยไอคอนสไตล์ Material Design

ดาวน์โหลด Material Icon Theme


4. Git Graph

Git Graph

หากใช้ Git เป็นประจำ คุณจะหลงรักเจ้า Git Graph ที่ช่วยให้คุณสามารถดูกราฟการพัฒนาของ repository ของคุณได้อย่างง่ายดาย และยังสามารถจัดการ Git action ต่าง ๆ ได้จากกราฟโดยตรง

ดาวน์โหลด Git Graph


5. Import Cost

Import Cost

เคยสงสัยไหมว่าการ import แต่ละ package เข้ามาในโปรเจ็กต์ของคุณใช้พื้นที่เท่าไหร่? Import Cost จะช่วยแสดงขนาดของ package ที่คุณ import แบบอินไลน์ในโค้ด เพื่อให้คุณสามารถตรวจสอบได้ว่ามี package ใดที่ใช้พื้นที่มากเกินไปหรือไม่

ดาวน์โหลด Import Cost


6. Auto Close Tag

Auto Close Tag

Auto Close Tag จะช่วยปิดแท็กให้คุณอัตโนมัติ สะดวกและรวดเร็วมากขึ้น โดยเฉพาะเมื่อเขียนโค้ดที่มีแท็กซ้อนกันหลายชั้น

ดาวน์โหลด Auto Close Tag


7. Database Client

Database Client

ช่วยในการจัดการฐานข้อมูลของคุณได้ง่ายขึ้นด้วย Database Client ที่รองรับการเชื่อมต่อกับ MySQL, PostgreSQL, SQLite, MongoDB และฐานข้อมูลอื่น ๆ อีกมากมาย นอกจากนี้ยังสามารถทำงานเป็น SSH client ได้อีกด้วย

ดาวน์โหลด Database Client


8. html to JSX

html to JSX

สำหรับนักพัฒนาที่ใช้ React.js html to JSX จะเป็นตัวช่วยที่ดีในการแปลง HTML ให้เป็น JSX อย่างรวดเร็วและง่ายดาย ช่วยลดเวลาการเขียนโค้ดแบบเดิม ๆ ลงไปได้มาก

ดาวน์โหลด html to JSX


9. Path Intellisense

Path Intellisense

Path Intellisense จะช่วย autocomplete ชื่อไฟล์และ path ในขณะที่คุณพิมพ์ใน VS Code ทำให้การเลือกไฟล์เร็วขึ้นและลดโอกาสในการพิมพ์ผิดได้

ดาวน์โหลด Path Intellisense


10. REST Client

REST Client

สำหรับนักพัฒนา API คุณสามารถส่ง HTTP request และดูผลลัพธ์ได้โดยตรงใน VS Code ด้วย REST Client ซึ่งทำให้การทดสอบ API ของคุณรวดเร็วและสะดวกมากขึ้น ไม่ต้องเปิดแอปภายนอกเพื่อส่ง request อีกต่อไป

ดาวน์โหลด REST Client


สรุป

Extension ที่แนะนำนี้จะช่วยให้เราพัฒนา software ได้ดีและรวดเร็วยิ่งขึ้น