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

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

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


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

1. Eva Theme 

Eva Theme

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


2. Highlight Line

Highlight Line

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


3. Material Icon Theme

Material Icon Theme

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


4. Format HTML in PHP

Format HTML in PHP

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


5. Auto Close Tag 

Auto Close Tag

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


6. Auto Rename Tag

Auto Rename Tag

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


7. axe Accessibility Linter

axe Accessibility Linter

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


8. Code Spell Checker

Code Spell Checker

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


9. Color Picker

Color Picker

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


10. HTML to JSX

html to JSX

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


บทความอื่นที่น่าสนใจ

ความคิดเห็น

ติดตาม Facebook

ยอดนิยมวันนี้

ยอดนิยม

เว็บเทรด Bitcoin

ช่องทางติดต่อเรา