ใช้ GitHub Copilot ด้วย JavaScript

เสร็จสมบูรณ์เมื่อ

ในบทก่อนหน้า เราได้แสดงวิธีการตั้งค่า Copilot และกล่าวถึงวิธีที่ Copilot สามารถทําให้คุณทำงานได้เร็วขึ้นในฐานะนักพัฒนาที่เริ่มเขียนโค้ด

ในบทนี้ เรามาพูดถึงวิธีที่ Copilot สามารถช่วยคุณในโครงการที่มีอยู่และช่วยคุณในงานที่ซับซ้อนมากขึ้น

การพัฒนาด้วย GitHub Copilot

บ่อยครั้งเมื่อเราสร้างโครงการ เราจําเป็นต้องตรวจสอบให้แน่ใจอย่างต่อเนื่องว่าโค้ดของเราเป็นข้อมูลใหม่และได้รับการอัปเดต นอกจากนี้ เราอาจจําเป็นต้องแก้ไขบักต่างๆ ที่เกิดขึ้นหรือเพิ่มคุณสมบัติใหม่ๆ เพื่อปรับปรุงฟังก์ชันการทํางานและความสามารถในการใช้งาน เรามาสํารวจวิธีต่างๆ ในการอัปเดตด้วย GitHub Copilot และ GitHub Copilot Chat ซึ่งเป็นอินเทอร์เฟซการแชทแบบโต้ตอบเพื่อถามและรับคําตอบสําหรับคําถามที่เกี่ยวข้องกับโค้ด

วิศวกรรมพร้อมท์

แม้ว่า GitHub Copilot จะสามารถแนะนําโค้ดขณะที่คุณพิมพ์ แต่คุณก็สามารถสร้างพร้อมท์เพื่อสร้างคําแนะนําที่มีประโยชน์ได้เช่นกัน พร้อมท์ ซึ่งเป็นข้อมูลป้อนเข้าของเรา คือคอลเลกชันของคําแนะนําหรือแนวทางที่ช่วยสร้างโค้ด ข้อความหรือคำสั่งช่วยสร้างการตอบกลับที่เฉพาะเจาะจงจาก Copilot พร้อมท์อาจเป็นข้อคิดเห็นหรือการป้อนข้อมูลเมื่อใช้ GitHub Copilot Chat ที่จะสั่ง Copilot ให้สร้างโค้ดในนามของคุณหรือเขียนโค้ดที่ Copilot จะทำให้สมบูรณ์โดยอัตโนมัติ

คุณภาพของผลลัพธ์จาก Copilot ขึ้นอยู่กับว่าคุณสร้างพร้อมท์ได้ดีเพียงใด การสร้างพร้อมท์ที่มีประสิทธิภาพคือสิ่งจำเป็นสำหรับการบรรลุผลลัพธ์ที่ต้องการ ตัวอย่างเช่น หากคุณมีคำสั่งต่อไปนี้:

// Create an API endpoint

เนื่องจากพร้อมท์ไม่ชัดเจนและคลุมเครือ ผลลัพธ์จาก GitHub Copilot จึงอาจไม่ใช่สิ่งที่คุณต้องการ ตัวอย่างเช่น อาจใช้เฟรมเวิร์กที่คุณไม่รู้จัก หรือตำแหน่งข้อมูลที่ต้องใช้ข้อมูลที่คุณไม่รู้จัก แต่หากคุณมีพร้อมท์ต่อไปนี้:

// Create an API endpoint using the React framework that accepts a JSON payload in a POST request

พร้อมท์ล่าสุดนี้มีความเฉพาะเจาะจง ชัดเจน และช่วยให้ GitHub Copilot เข้าใจถึงเป้าหมายและขอบเขตของงาน แม้ว่าคุณจะสามารถให้บริบทและตัวอย่างแก่ Copilot โดยใช้ความคิดเห็นหรือโค้ดได้ แต่คุณก็สามารถใช้ตัวเลือกการแชทของ GitHub Copilot Chat ได้ด้วย การใช้คำกระตุ้นที่ดีจะช่วยให้แบบจำลองสร้างผลลัพธ์ที่มีคุณภาพสูง

แนวทางปฏิบัติที่ดีที่สุดในการใช้ GitHub Copilot

Copilot ช่วยเพิ่มผลิตภาพของคุณ แต่ก็ต้องการแนวทางปฏิบัติที่เหมาะสมในการรับรองคุณภาพ แนวทางปฏิบัติที่ดีที่สุดส่วนหนึ่งเมื่อใช้ Copilot ได้แก่:

• ใช้พร้อมท์ที่เรียบง่าย แล้วจึงเพิ่มคอมโพเนนต์ที่ละเอียดยิ่งขึ้นเมื่อคุณดําเนินการต่อไป ตัวอย่างเช่น:

  create an HTML form with a text field and button
  

  ถัดไป อธิบายเพิ่มเติมเกี่ยวกับข้อความที่เสนอเพื่อให้ได้รับคำแนะนำที่เฉพาะเจาะจงมากขึ้น

  Add an event listen to the button to send a POST request to /generate endpoint and display response in a div with id "result"
  

• หมุนเวียนระหว่างคำแนะนำต่างๆ ซึ่งสามารถทำได้โดยใช้ Ctrl+Enter (หรือ Cmd+Enter บน Mac) คุณจะได้รับคําแนะนําต่างๆ จาก Copilot และคุณสามารถเลือกเอาต์พุตที่ดีที่สุดได้ อีกทางหนึ่งคือ เมื่อใช้ GitHub Copilot Chat คุณสามารถใช้การป้อนข้อมูลลงในแชทเพื่อเพิ่มพร้อมท์และโต้ตอบกับเอาต์พุตได้

หากคุณติดขัดหรือไม่ได้ผลลัพธ์ที่ต้องการ คุณสามารถแก้ไขคำในพร้อมท์ หรือเริ่มเขียนโค้ดเพื่อให้ Copilot ทำให้สมบูรณ์โดยอัตโนมัติ

หมายเหตุ

GitHub Copilot ใช้ไฟล์ที่เปิดอยู่ในโปรแกรมแก้ไขข้อความของคุณเป็นบริบทเพิ่มเติม ซึ่งมีประโยชน์เนื่องจากจะให้ข้อมูลที่เป็นประโยชน์เพิ่มเติมจากพร้อมท์หรือโค้ดที่คุณอาจเขียน หากคุณต้องการให้ GitHub Copilot ให้คําแนะนําโดยอิงตามไฟล์อื่นๆ คุณสามารถเปิดไฟล์เหล่านั้นหรือใช้ @workspace กับพร้อมท์ของคุณเมื่อใช้ GitHub Copilot Chat