วิธีใช้ CodeGPT VSCode extension ให้ OpenAI เขียนโค้ด

สวัสดีจ้าเพื่อน ๆ ใครที่กำลังมองหา Extension เจ๋ง ๆ เพื่อใช้สำหรับเขียนโค้ดอยู่ละก็ วันนี้ดูเพลินขอแนะนำ Extension สุดเจ๋งของ VSCode ให้กับเพื่อน ๆ นะคะ เราขอแนะนำให้รู้จัก CodeGPT เป็น Extension ที่จะนำ OpenAI API มาทำงานร่วมกับ Code editor ของคุณ นอกจากนี้เรายังมีตัวอย่างการใช้งานมาอธิบายให้กับเพื่อน ๆ อ่านกันที่นี่เลย

CodeGPT คืออะไร

CodeGPT คือ Extension ที่จะช่วยให้เราสามารถเรียกใช้ GPT-3 บนหน้าจอโปรแกรม VSCode ผ่าน OpenAI API ได้โดยตรง โดยที่เราไม่จำเป็นที่จะต้องใช้งานผ่านหน้าเว็บไซต์ openai.com สิ่งนี้เหมือนกับการมี ChatGPT มาอยู่ข้าง ๆ ระหว่างที่เราแก้ไขโค้ดกันเลยละ

ด้วย Extension CodeGPT เราสามารถสั่งให้มันสร้างโค้ดใหม่ เขียนอธิบายโค้ด refactor code และอื่นๆ อีกมากมาย ว่าแล้ว สำหรับใครที่ยังไม่ได้ ติดตั้ง Extension CodeGPT ก็มาดู วิธีการติดตั้ง และการตั้งค่า CodeGPT กันก่อน แต่สำหรับผู้ที่ติดตั้งเสร็จเลยก็มาลุยต่อกันเลย

 

สั่งให้ CodeGPT เขียนโค้ดให้ ด้วย Ctrl+Shift+i

Feature ก็เหมือนกับการที่เราแชทถามกับ Chat GPT และด้วย Feature นี้ คุณสามารถสั่งให้ CodeGPT เขียนโค้ดให้โดยอ้างอิงจาก Comment ที่คุณพิมพ์ลงไปได้เลย ตัวอย่างการใช้งาน

  • สร้างไฟล์งานที่ต้องการขึ้นมากก่อน เช่น test.ts จากนั้น พิมพ์คอมเม้นเป็นที่ต้องการให้ CodeGPT เขียนโค้ดให้ลงไปในไฟล์ เช่น
    ใส่ Comment : // validate an email with regex and comment each line
  • จากนั้นให้เรากด Ctrl+Shift+i บน Keyboard ตัว CodeGPT ก็จะทำการเขียนโค้ดให้เราตามตัวอย่างรูปด้านล่าง
  • ที่เด็ดอีกจากก็คือ CodeGPT ยังรองรับภาษาไทยอีกด้วย คุณสามารถถามโดยใช้ Comment เป็นภาษาไทย ได้อีกด้วย

 

ถาม CodeGPT เขียนโค้ดให้ ด้วย Code Selected

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

  • Ask CodeGPT ถามคำถาม
  • Explain CodeGPT ขอคำอธิบายเพิ่มเติม ที่เกี่ยวข้องกับ Code ที่เราทำการ Select อยู่
  • Refactor CodeGPT ทำการปรับปรุงโครงสร้างโค้ดใหม่
  • Document CodeGPT ขอ Document ที่เกี่ยวข้องกับ Code ที่เราทำการ Select อยู่
  • Find Problems CodeGPT ทำการค้นหาปัญหาของ Code ที่เราทำการ Select อยู่

ตัวอย่างการใช้งาน Function การถาม CodeGPT

สำหรับข้อมูลเพิ่มเติมสำหรับข้อมูลเพิ่มเติมเกี่ยว CodeGPT Extension สามารถเข้าไปอ่านเพิ่มเติมได้ที่ Website Official CodeGPT

เป็นยังไงกันบ้างคะ สำหรับบทความเรื่อง วิธีใช้ Code GPT VSCode extension ตัวช่วย เขียนโค้ด ดูเพลินก็หวังว่าบทความของเราจะเป็นประโยชน์ต่อท่านไม่มากก็น้อย นอกจากนี้ เรายังมีบทความดี ๆ อีกมากมาย คุณสามารถลองคลิกเขาไปอ่านบทความอื่น ๆ ตามลิงค์ด้านล่างได้เลย

เทคนิคอื่นๆ เกี่ยวกับการเขียนโค้ด คลิก

อย่าลืมไปติดตาม Facebook fanpage ของเรา >> Click <<

หมวดหมู่เกี่ยวกับ Coding

เนื้อหาที่คล้ายกัน...

Emmet คืออะไร วิธีติดตั้ง และตัวอย่างการใช้งาน

Emmet คืออะไร วิธีติดตั้ง และตัวอย่างการใช้งาน

ดูเพลิน Admin - 19 ม.ค. 66
SourceTree คืออะไร วิธีการใช้งาน ร่วมกับ GitHub

SourceTree คืออะไร วิธีการใช้งาน ร่วมกับ GitHub

ดูเพลิน Admin - 22 ธ.ค. 65
แนะนำ 10 อันดับเครื่องมือเขียนโค้ด Code Editor Update 2023

แนะนำ 10 อันดับเครื่องมือเขียนโค้ด Code Editor Update 2023

ดูเพลิน Admin - 18 ม.ค. 66
วิธี ติดตั้ง ตั้งค่า CodeGPT extension VSCode เชื่อม OpenAI

วิธี ติดตั้ง ตั้งค่า CodeGPT extension VSCode เชื่อม OpenAI

ดูเพลิน Admin - 18 ม.ค. 66

เรื่องราวเอื่น ๆ ในหมวดเทคนิคการเขียนโค้ด...

let value = 147/32; let result_value = Math.round(value); console.info('Value = '+value+' Result = '+result_value); //ผลลัพธ์ Value = 4.59 Result = 5let value = 147/33; let result_value = Math.round(value); console.info('Value = '+value+' Result = '+result_value); //ผลลัพธ์ Value = 4.454 Result = 4