vscode extension 10 ส่วนเสริมแนะนำ ช่วยให้ทำงานได้ง่ายขึ้น

vscode extension คือ ส่วนเสริมของโปรแกรม Visual Studio Code (วิชวลสตูดิโอโค้ด) ซึ่งมีประโยชน์มากๆ ทั้งช่วยให้เราอ่าน Code ได้ง่ายขึ้น ทำงานได้เร็วขึ้น และยังมีส่วนเสริมที่สามารถแชร์ Code แล้วเขียนพร้อมกันได้เลย

ส่วนเสริมของโปรแกรม Visual Studio Code จะช่วยให้เราสามารถเขียนโค้ดได้ง่ายขึ้นและเร็วขึ้นมากกว่าเดิม ในส่วนของ extension

หรือใช้ shortcuts โดยการกด Ctrl + Shift + X นะครับ ก็จะขึ้นมาตามรูปด้านล่าง

เราสามารถ Search ชื่อได้ที่ช่อง Search Extensions in Marketplace

1.Auto Close Tag

ช่วยให้ปิด tag ให้เราอัตโนมัติ หากเราพิม <div> </div> จะขึ้นมาให้เลยซึ่งสะดวกมากๆ

2.Auto Rename Tag

หากเรา แก้ไข Tag เช่น <div></div> เราเลือก div และเปลี่ยนเป็น p Close Tag จะเปลี่ยนไปด้วยเป็น <p></p>

3.Auto-Save on Window Change

เมื่อเราแก้ไขโค้ด แล้วเปลี่ยน Tab ไปแก้ไฟล์อื่น ไฟล์งานของเราจะถูก Save อัตโนมัติ

4.Bracket Pair Colorizer

จะแสดงสี Bracket {} ให้เราเห็นว่าเป็นของส่วนไหนตามรูปด้านล่าง

5.CodeSnap

จะทำการ Snapshot โค้ดของเรา สำหรับแชร์โค้ดให้คนอื่น ด้วยรูปแบบที่สวยงาม

6.Color Highlight

ช่วยให้แสดงสีของโค้ดตามรหัสสี ช่วยให้มองได้ง่ายขึ้นว่าจะแก้ไขส่วนไหน

7.Path Intellisense

จะแสดง Path ในโฟลเดอร์งานของเรา ทำให้เลือกไฟล์ได้ง่ายขึ้น

8.PHP Intelephense และ PHP IntelliSense

หากใครเขียน PHP จะช่วยเราได้เยอะมาก ทั้งการเขียน function และการจัด tag ให้อัตโนมัติ

9.Prettier - Code formatter

ช่วยจัดโค้ดให้เรา อยู่ในรูปแบบที่อ่านง่าย หรือกด Shortcut Alt + Shift + F

10.Plastic (Theme)

อันสุดท้าย ธีมของ vscode ทำให้อ่านโค้ดได้ง่ายขึ้น เป็นอันที่ผมใช้อยู่ แต่ว่ามีธีมให้เลือกอีกมากมายใน vscode โดยการ Search Theme ก็จะมีให้เลือกอย่างมากมาย

10 อย่างที่พูดถึงมาจะช่วยให้เราเขียนโค้ดได้ง่ายขึ้น ขอให้ทุกคนสนุกกับการเขียนโค้ดนะครับ