[แนะนำ] Top 10 VSCode Extensions เพิ่มสีสัน เขียนโค้ดสะดวกสบาย

วันนี้ผมจะมาแนะนำ Visual Studio Code Extensions ที่ใช้งานอยู่ 10 ตัวที่ใช้งานอยู่ไปดูกัน

1. Eva Theme 

มาเริ่มที่ตัวแรกก่อนเลยส่วนตัวลองใช้มาหลายธีมชอบตัวนี้สุด คือ ธีม(Theme) จะทำให้คุณเขียนโปรแกรมได้สบายขึ้น มีโหมดให้เลือกใช้เยอะ ส่วนตัวชอบ โหมด Eva Dark สุด 

2. Highlight Line

เส้นที่ไฮไลต์(Highlight)  เมื่อเราลาก เคอร์เซอร์เมาส์ ไปบรรดทัดไหนเส้นที่ไฮไลต์ก็จะตามไป ส่วนตัวชอบสวยดีครับ ช่วยทำให้เราโฟกัดบรรดทัดนั้นๆได้ดีขึ้นด้วย

3. Material Icon Theme

ไอคอน (Icons) for Visual Studio Code ช่วยทำให้เราแยกโฟลเดอร์ ไฟล์ ได้ดีมาก ที่ผมเลือกตัวนี้เพราะดูเข้ากับ  Eva Theme 

4. Format HTML in PHP

ไว้จัดรูปแบบสำหรับโค้ด HTML ในไฟล์ PHP โดยใช้ JSbeautify - ใช้งานได้ดีกับส่วนขยายการจัดรูปแบบ PHP ซึ่งผมลองใช้แล้วรู้สึกว่ามันจัดโค้ด HTML ได้ดีมาก

5. Auto Close Tag 

เพิ่มแท็กปิด HTML/XML โดยอัตโนมัติ 

6. Auto Rename Tag

เปลี่ยนชื่อแท็ก HTML/XML ที่จับคู่โดยอัตโนมัติ

7. axe Accessibility Linter

จะช่วยตรวจสอบโค้ดในไฟล์ React (.js .jsx .ts .tsx), Vue (.vue), HTML (.html .htm) และ Markdown (.md .markdown) เพื่อให้คุณสามารถหลีกเลี่ยงข้อบกพร่องในโค้ด

8. Code Spell Checker

ช่วยตรวจสอบสะกดคำ คือการช่วยจับข้อผิดพลาดในการสะกดคำทั่วไปในขณะที่รักษาจำนวนการสะกดผิดให้ต่ำ

9. Color Picker

ตัวช่วยสำหรับ CSS ต้องมีไว้ จะช่วยทำให้เวลาเราเขียนโค้ดสี จะแสดงสีนั้นขึ้นมาทันที ซึ่งสะดวกมาก 

10. HTML to JSX

สุดท้ายสำหรับคนที่เขียน React ต้องมีติดไว้เพื่อแปลงโค้ด HTML เป็น React JSX