COOL IT IDEAS AND STUFF
VS Code Extensions That Made Me 10x More Productive (And 10x Happier)
23-Apr-25
คัมภีร์เทพ IT
See the original english version Click here!
เชื่อว่า VS Code น่าจะเป็นหนึ่งในเครื่องมือที่ Developer หลายคนเคยและกำลังใช้งานอยู่ ซึ่งมันมี Extensions ที่มีประโยชน์ต่อการทำงานของ Developer บทความนี้จะมาแนะนำ 5 VS Code Extensions ที่จะช่วยให้คุณทำงานมีประสิทธิภาพ (และสนุกขึ้น)
1. GitLens — เพราะแค่ “git blame” ยังไม่พอ
เคยไหม ที่คุณเห็น Function ที่ดูยุ่งเหยิง แล้วคิดว่า “ใครเป็นคนเขียนเนี่ย... เราเป็นคนเขียนเหรอ?”
ด้วย GitLens มันจะบอกคุณว่า ใครเป็นคนเขียน Code บรรทัดนี้, เมื่อไหร่, และทำไม ได้แบบ Real-Time ใน VS Code คุณไม่ต้องเดาอีกต่อไป รวมทั้งไม่ต้องเปิด Terminal เพื่อดูประวัติย้อนหลังอีกต่อไป
ภาพ Screenshot โดยเจ้าของบทความ
เพียงแค่เอา Mouse ชี้ไปที่บรรทัด คุณก็จะเห็นชื่อผู้เขียนและ Commit Message ได้ทันที
มันเหมาะอย่างมาก ในกรณีที่อยากรู้ว่า Bug นี้มาจากใคร หรืออยากถามเหตุผลในการเขียน Code แบบนี้
2. Prettier — เขียน Code ให้เหมือนมีทีมงานช่วยจัดระเบียบให้
ในสถานการณ์จริง เราคงไม่สามารถเขียน Code ให้ดูเป็นระเบียบสวยงามได้เสมอไป โดยเฉพาะตอนที่ “กำลังอิน” อยู่กับการเขียน Code
ด้วย Prettier มันจะช่วยจัด Format ของ Code ให้โดยอัตโนมัติทุกครั้งที่ Save คุณไม่ต้องวุ่นวายระหว่าง Tabs และ Spaces หรือแก้ไขการจัดย่อหน้าอีกต่อไป เพราะมันจะทำหน้าที่เหมือน Code Stylist ส่วนตัวของคุณ
ภาพ Screenshot โดยเจ้าของบทความ
เมื่อคุณใช้ Prettier มันจะช่วยลดการกดปุ่ม Tab ลง ทำให้คุณได้ Focus ไปที่การเขียน Code อย่างลื่นไหล
3. CodeSnap — แชร์ Code ที่ดูดีและมีความสวยงาม
Developer หลายคนคงเคยแชร์ Code บน X และใน Blog Posts แล้วภาพ Screenshots ของ Code มันดูสวยและน่าสนใจไหม?
ภาพ Screenshot โดยเจ้าของบทความ
และแล้ว CodeSnap ก็เข้ามาเปลี่ยนทุกอย่าง คุณเพียงเลือกที่ Code กด Shortcut แล้ว... Code ก็จะกลายเป็นภาพ Screenshots ที่สวยงาม พร้อม Themes และ Shadows ที่สามารถปรับแต่งได้
ภาพ Screenshot โดยเจ้าของบทความ
มันเหมาะสำหรับการ Post บน Social Media, Documentation หรือแม้แต่ Presentations
4. Tabnine — เหมือนมีเพื่อนร่วมทีมเป็น AI
เมื่อคุณพิมพ์ Code ไปได้สักครึ่งบรรทัด เจ้า Tabnine จะช่วยเดาสิ่งที่เหลือให้
ภาพ Screenshot โดยเจ้าของบทความ
มันไม่เพียงแค่ช่วยในเรื่อง Autocomplete แต่มันยังเข้าใจ “Style การเขียน Code” ของเราอีกด้วย
มันทำงานบนเครื่อง Local และไม่ทำให้เครื่องของคุณทำงานช้าลง
5. Todo Tree — สำหรับคนที่ขี้ลืมบ่อย ๆ
สมมติ คุณเขียน Comment ไว้ว่า
// TODO: fix this logic
มีความเป็นไปได้ว่า คุณอาจจะลืมกลับมาแก้ไขมัน
ด้วย Todo Tree มันจะช่วยรวบรวม TODOs, FIXMEs และ Notes ต่าง ๆ ของคุณทั้งหมด มาแสดงไว้ในแถบด้านข้างทั้งหมด
ภาพ Screenshot โดยเจ้าของบทความ
เพียงเท่านี้ คุณก็ไม่ต้องปวดหัวกับการเปิด Files วนไปวนมา เพื่อหาว่าเคยเขียน TODOs ไว้ตรงไหนอีกแล้ว เพราะ Todo Tree ได้รวมมาให้หมดในที่เดียว
สรุป
และนี่ก็เป็น 5 VS Code Extensions ที่จะช่วยให้คุณทำงานมีประสิทธิภาพ (และสนุกขึ้น) พวกมันเป็นเครื่องมือที่จะช่วยให้เขียน Code ได้ไวขึ้น มีระเบียบขึ้น และลดความเครียดจากงานลงได้ ลองนำไปใช้ในการทำงานของคุณดูสิ
ที่มา: https://medium.com/
รับตำแหน่งงานไอทีใหม่ๆ ด้วยบริการ IT Job Alert
|
|
อัพเดทบทความจากคนวงในสายไอทีทาง LINE ก่อนใคร
อย่าลืมแอดไลน์ @techstarth เป็นเพื่อนนะคะ
|
|
บทความล่าสุด