แนะนำ Extension ใน Visual Studio Code

Software testing ความรู้ สำหรับ Tester ผู้ทดสอบ เป็นส่วนสำคัญในการ test โปรแกรม การ ทดสอบโปรแกรมมีความรู้แนะนำไว้ในหมวดนี้

Moderator: mindphp, ผู้ดูแลกระดาน

suhaila
PHP Super Member
PHP Super Member
โพสต์: 480
ลงทะเบียนเมื่อ: 19/04/2021 9:51 am

แนะนำ Extension ใน Visual Studio Code

โพสต์ที่ยังไม่ได้อ่าน โดย suhaila »

แนะนำ Extension ใน Visual Studio Code ที่นิยมใช้

Extension คือ ส่วนเสริมของโปรแกรม ที่ทำให้โปรแกรมสามารถทำงานได้ดีขึ้น สร้างชิ้นงานได้รวดเร็วมากขึ้น ซึ่งได้รับการพัฒนาจาก developer อยู่ตลอดเวลา ปัจจุบันมี extension ที่ถูกพัฒนาออกมา เพื่อใช้งานกับ Visual Studio Code ซึ่งมีอยู่มากมายปัจจุบันอย่างเช่น
•Git Lens การ extension นี้ จะช่วยให้ทราบว่าใครป็นคน commit หรือเปลี่ยนแปลง code
ภาพตัวอย่าง Git Lens
ภาพตัวอย่าง Git Lens
รูปภาพ6.png (69.06 KiB) Viewed 3338 times

•Wallaby.js เป็น test runner สำหรับ javascript ที่ใช้ในการ run test ได้อย่างต่อเนื่อง และรายงานภาพรวมของ code และผลลัพธ์อื่นๆ extension นี้จะช่วยปรับปรุงประสิทธิภาพในงาน develop
ภาพตัวอย่าง Wallaby.js
ภาพตัวอย่าง Wallaby.js
รูปภาพ7.png (35.64 KiB) Viewed 3338 times

•Bracket Pair Colorizer ตัว extension นี้ ช่วยในเรื่องการจับคู่ของวลเล็บด้วยการใช้สี เมื่อทำงานกับ codebase ขนาดใหญ่ extension นี้ ถือว่าเป็นตัวช่วยอยางดีเลย
ภาพตัวอย่าง Bracket Pair Colorizer
ภาพตัวอย่าง Bracket Pair Colorizer
รูปภาพ8.png (50.51 KiB) Viewed 3338 times

•Rest client ตัว extension นี้จะช่วยให้คุณสร้าง http request และดู response ใน vscode ได้โดยตรง แทนที่จะดูสลับไป-มาระหว่าง 2 applications ซึ่ง extension นี้จะช่วยทำหน้าที่เหล่านั้นให้
ภาพตัวอย่าง Rest client
ภาพตัวอย่าง Rest client
รูปภาพ9.png (36.2 KiB) Viewed 3338 times

•Live server ใช้เวลาที่ต้องการเขียน html javascrip css เพราะเวลาที่เขียนมันจะรีเฟรชหน้าเว็บให้อัตโนมัติ
ภาพตัวอย่าง Prettier–code formatter
ภาพตัวอย่าง Prettier–code formatter

•Prettier–code formatter ซึ่งตัวนี้จะปรับโค้ดที่เราเขียนให้อยู่ในรูแบบที่สวยงาม
ภาพตัวอย่าง Prettier–code formatter
ภาพตัวอย่าง Prettier–code formatter
รูปภาพ10.png (47.23 KiB) Viewed 3338 times
อย่างไรก็ตาม ตัว extension ที่ได้แนะนำเบื้องต้นเป็นเพียงส่วนหนึ่งที่คนนิยมติดตั้งเผื่อเป็นตัวช่วยให้เขียนโค้ดได้ง่าย ซึ่งนอกจากนี้ยังมีตัวเสริมอื่นๆอยู่อีกมากมายที่สามารถติดตั้งได้

อ้างอิง
https://www.techstarthailand.com/en/blog/detail/15-VSCode-extensions-every-Web-Dehttps://dev.to/maeganwilson_/5-vs-code-extensions-you-need-to-be-using-in-2021-4jkpveloper-must-have-in-2021/1554
https://www.techstarthailand.com/blog/detail/Top-10-VSCode-Extensions-as-a-Web-Developer/1526
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 27