12 vscode extensions for web developer

12 vscode extensions for web developer

ก่อนหน้านี้ผมใช้ IDE หรือ text editor สำหรับพัฒนาเว็บไซต์มาหลายตัว เช่น Notepad++, Atom, Aptana Studio, Sublime text เป็นต้น จนสุดท้ายผมมาจบที่ virtual  studio code (vscode) เพราะมันรองรับการทำงานของผมในหลายๆ ด้าน และมี extension ให้เลือกมาก ไม่น่าเชื่อว่า microsoft จะพัฒนา text editor ได้ดีขนาดนี้ ฮาๆ

ซึ่งมันจะมี extension หลักๆ ที่ผมจะต้องติดตั้งไว้เสมอๆ ซึ่งผมคิดว่าหากใครเป็นสายพัฒนาเว็บไซต์แล้วเนี้ย ควรจะต้องติดตั้งพวกนี้ไว้เลยห้ามพลาดเด็ดขาด

1. Auto-Open Markdown Preview

ไว้สำหรับ Preview markdown ที่ต้องเขียน โดยปกติเวลาผมขึ้น git โปรเจคใหม่จะต้องเขียน readme.md ไว้เพื่อนักพัฒนาคนอื่นอ่าน

2. Git History

ใช้ Git ห้ามพลาดเด็ดขาด

3. Docker

ณ. ปัจจุบันนักพัฒนาเว็บไซต์ต้องใช้ docker กันหมดแล้ว 

4. ESLint

ไว้ debug js 

5. Vscode-faker

ไว้สำหรับสร้างข้อมูล dummy เช่น ชื่อ, ที่อยู่, เบอร์โทร เป็นต้น 

faker

 

6. HTML Boilerplate

ไว้ให้มันสร้าง html code ให้เลยทั้งชุด ซึ่งปกติเราต้องเขียนตั้งแต่ body, head ใหม่เอง แต่ตัวนี้เราเพียงแค่พิมพ์ tag ที่อยากได้เบื้องต้น มันจะสร้างมาให้ครบเลย ดูรูปเอานะ

html bolierplate

 

7. SVG Viewer

ไว้ดูไฟล์ SVG

8. Change Case

ไว้เปลี่ยนขนาดตัวอักษรให้เป็นตัวพิมพ์ใหญ่ หรือพิมพ์เล็ก

Change case

9. Code Spell Checker

ไว้ตรวจสอบการเขียนภาษาอังกฤษของเรา ผมชอบสะกดผิดบ่อยๆ

10. Beautify

ให้ javascript, JSON, CSS, Sass, and HTML มันดูง่ายขึ้นสวยงาม

11. Gitignore

ไว้สร้างไฟล์ .gitginore

12. Sass

Sass syntax highlighting

13. Dracula Official

อันนี้เป็น Theme นะครับ ใครชอบ theme อื่นก็เลือกกันตามสะดวก

14. Material Icon Theme

อันนี้เป็น icon ใครชอบ icon อื่นก็เลือกกันตามสะดวก

ใครแนะนำตัวไหนเพิ่มเติมบอกมาได้นะครับ

Happy coding :p

0

Add new comment

This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.