บทความ IT เจ๋งๆ

15 VS Code Extensions ที่มีประโยชน์ต่อ Web Developers

09-ธ.ค.-22

คัมภีร์เทพ IT

เชื่อว่า Developers หลายคนที่รู้จักและใช้งาน VS Code อยู่แล้ว ซึ่งมันมี Extensions ที่น่าสนใจตามจุดประสงค์การใช้งานที่หลากหลาย รวมทั้งช่วยให้การพัฒนา Web ของคุณ ง่ายขึ้น และในบทความนี้เราจะพูดถึง 15 VS Code Extensions ที่มีประโยชน์ต่อ Web Developers

1. JavaScript (ES6) Code Snippets

มันได้จัดเตรียมทั้ง JavaScript, Vue, React และ HTML Code Snippets ไว้ให้แล้ว มันเป็น Extension หนึ่งที่ “ต้องมี” สำหรับการพัฒนา Web

2. Live Server

Live Server Extension ได้จัดเตรียม Live Preview ของ Web Application ของคุณไว้ใน Editor เรียบร้อยแล้ว นี่ถือเป็น Tool ที่มีประโยชน์และมีประโยชน์สำหรับ Frontend Developers

3. Prettier

Extension นี้ จะช่วยดำเนินการในการช่วยจัด Format ของ JavaScript, CSS และ HTML Code

4. Better Comments

Extension นี้ จะช่วยให้คุณสร้าง Comments ที่เป็นมิตรและง่ายต่อการอ่านของมนุษย์มากขึ้น

5. Path Intellisense

สำหรับ Extension นี้ จะช่วยทำให้ Development Time เร็วขึ้นกว่าเดิม โดยการช่วยทำการ Autocomplete File Names ของคุณ คุณสามารถพิมพ์ชื่อ File ลงใน Statement  แล้วมันจะช่วยค้นหาและให้คำแนะนำแก่คุณได้

6. GitLens

Developers / Programmers แทบจะใช้งาน Git ทุกวันในการทำงาน Gitlens เป็น Visual Studio Code Plugin เพื่อเพิ่มความสามารถของ Git ขึ้นไปอีกขั้น

7. Code Time

สำหรับ Extension นี้ จะคอยช่วย Tracks Development Time ของคุณและแสดง Stats ที่เป็นประโยชน์แก่คุณ เช่น วันนี้คุณใช้เวลาไปกับการ Coding กี่ชั่วโมง

มันจะช่วยในการ Track เพื่อดูความคืบหน้าในการทำงาน ซึ่งถือว่ามันค่อนข้างมีประโยชน์มาก (ทุกคนสามารถใช้งาน Extension ได้)

8. ESLint

มันเป็น Linting Utility สำหรับ JavaScript มันจะช่วยตรวจสอบ Code ของคุณเพื่อหา Errors ทั่วไปและจะแจ้งให้คุณทราบใน Editor มันเปรียบเสมือนกับเพื่อนที่คอยช่วยตรวจสอบ Code ของคุณในขณะที่คุณกำลังเขียนมัน

9. Polacode

เชื่อว่าคุณน่าจะชอบ Code Snippet แบบด้านล่างนี้ใช่ไหม? เราสามารถใช้ Extension เพื่อสร้าง Code ที่สวยงามและสามารถ Share ไปให้คนอื่น ๆ ได้อย่างง่ายดาย

10. CSS Peek

สิ่งนี้ จะช่วยดู CSS ID และ Class จาก HTML Files ได้โดยตรง และจะไปที่ CSS Definition ที่เกี่ยวข้อง

11. Project Manager

การทำงานในหลาย Projects และสลับกันทำงานไป-มาระหว่าง Projects นั้น ถือเป็นเรื่องปกติที่หลายคนทำกัน

ใน Visual Studio Code ซึ่ง Project Manager นี้ จะทำให้การจัดการหลาย ๆ Projects ใน VS Code เป็นเรื่องง่ายขึ้น

12. Rest Client

REST Client จะช่วยให้คุณสามารถส่ง HTTP Request และดู Response ใน Visual Studio Code ได้โดยตรง เมื่อใช้ Extension นี้ คุณจะสามารถทดสอบ APIs และสามารถดู Response ได้โดยตรงใน VS Code

13. Auto Close Tag

Extension นี้จะช่วยเพิ่ม Closing Tag ของ HTML และ XML ให้โดยอัตโนมัติ

14. Paste JSON as Code

มันจะช่วยสร้าง Types และ (De-)Serialization Code จาก JSON, JSON Schema และ TypeScript ทำให้คุณสามารถ Paste JSON/JSON Schema/TypeScript เป็น Code ได้อย่างสะดวก

15. Quokka.js

Quokka.js เป็น Productivity Tool สำหรับ Developers ในการช่วย JavaScript/TypeScript Prototyping ได้อย่างรวดเร็ว Runtime Values จะได้รับการอัปเดตและแสดงใน IDE ถัดจาก Code ของคุณในขณะที่คุณกำลังพิมพ์อยู่

ที่มา: https://levelup.gitconnected.com/

 

 

รับตำแหน่งงานไอทีใหม่ๆ ด้วยบริการ IT Job Alert

 

อัพเดทบทความจากคนวงในสายไอทีทาง LINE ก่อนใคร
อย่าลืมแอดไลน์ @techstarth เป็นเพื่อนนะคะ

เพิ่มเพื่อน

 

บทความล่าสุด

ประเภทบทความ