การกำหนดค่า VS Code
VS Code เป็นโปรแกรมแก้ไขโค้ด (Code Editor) ไม่ใช่ผู้ให้บริการโมเดล เมื่อคุณใช้งาน Claude, GPT, Gemini หรือโมเดลจากผู้ให้บริการรีเลย์ใน VS Code มักจะทำผ่านส่วนขยาย (Extensions) เช่น Cline, Continue หรือ GitHub Copilot โดยตำแหน่งที่คุณต้องกรอก Key, Base URL และชื่อโมเดลจริง ๆ จะอยู่ในการตั้งค่าของส่วนขยายแต่ละตัว
ข้อมูลทางการ การดาวน์โหลดและเอกสารอ้างอิงตามเว็บไซต์ทางการเป็นหลัก
ทำความเข้าใจ 3 แนวคิดหลักก่อน
VS Codeเป็นเพียงพื้นที่สำหรับเขียนโค้ด ทำหน้าที่เปิดโปรเจกต์ แก้ไขไฟล์ และติดตั้งส่วนขยาย
ส่วนขยาย AIส่วนขยายอย่าง Cline, Continue, Copilot ฯลฯ มีหน้าที่ส่งคำถามและบริบทโค้ดของคุณไปยังโมเดล และนำคำตอบกลับมาแสดงใน VS Code
แหล่งที่มาของโมเดลClaude, GPT, Gemini, ผู้ให้บริการ AI ที่รองรับ OpenAI Compatible, โมเดลแบบโลคัล ฯลฯ ทั้งหมดนี้ถือเป็นแหล่งที่มาของโมเดล การจะใช้งานได้หรือไม่ขึ้นอยู่กับว่าส่วนขยายที่คุณเลือกนั้นรองรับหรือไม่
ดังนั้นหน้านี้จึงไม่ได้หมายถึง "ตั้งค่าได้เฉพาะกับ Cline / Roo Code เท่านั้น" แต่ควรอธิบายให้ถูกต้องกว่านั้นคือ: เลือกส่วนขยาย AI ใน VS Code จากนั้นภายในส่วนขยายนั้นให้เลือก Claude, GPT, Gemini หรือบริการที่เข้ากันได้กับ OpenAI
วิธีเลือกแหล่งที่มาของโมเดล
| ต้องการใช้งานอะไร? | ปกติควรเลือก Provider อย่างไร? | วิธีกรอก Key / Base URL | เหมาะสำหรับกรณีใด |
|---|---|---|---|
| Claude | Anthropic / Claude | กรอก Key ของ Anthropic หากคุณใช้บริการผ่านผู้ให้บริการรีเลย์ ให้ทำตามคำแนะนำของผู้ให้บริการโดยเลือก OpenAI Compatible หรือช่องทางแบบกำหนดเอง (Custom) | เหมาะสำหรับความเข้าใจโค้ด การแก้ไขโค้ด และการถามตอบที่มีบริบทยาว (Long-context Q&A) |
| GPT / OpenAI | OpenAI | กรอก Key ของ OpenAI หากเป็นการเชื่อมต่อโดยตรงกับทางการมักไม่ต้องเปลี่ยน Base URL ยกเว้นเมื่อใช้บริการรีเลย์/พร็อกซีที่ต้องกรอกลิงก์ API ที่ผู้ให้บริการระบุไว้ | เหมาะสำหรับการถามตอบทั่วไป อธิบายโค้ด และการแก้ไขเล็กน้อย |
| ผู้ให้บริการ AI / บริการรวม API | OpenAI Compatible / Custom Provider | คัดลอก Key, Base URL และ Model ID ให้ตรงกับที่แสดงในแดชบอร์ดหลังบ้านของผู้ให้บริการ โดย Base URL บางแห่งอาจมี /v1 และบางแห่งอาจไม่มี ให้ยึดตามที่ระบบหลังบ้านระบุไว้ | เหมาะสำหรับผู้เริ่มต้นที่ต้องการเชื่อมต่อและเรียกใช้หลายโมเดลในที่เดียว |
| Gemini / โมเดลอื่น ๆ | Google Gemini หรือ Provider ที่เกี่ยวข้อง | กรอก Key ของแพลตฟอร์มที่เกี่ยวข้อง ส่วน Base URL จำเป็นต้องกรอกเฉพาะเมื่อส่วนขยายมีช่องสำหรับกำหนดเองเท่านั้น | เหมาะสำหรับการเปรียบเทียบหลายโมเดล ทั้งนี้ขึ้นอยู่กับว่าเวอร์ชันปัจจุบันของส่วนขยายรองรับหรือไม่ |
| GitHub Copilot | GitHub / Copilot Login | โดยปกติไม่ต้องกรอก Key และ Base URL แต่จะเข้าสู่ระบบด้วยบัญชี GitHub และเปิดใช้งานสิทธิ์ที่เกี่ยวข้องแทน | เหมาะสำหรับผู้ที่ต้องการผู้ช่วยเขียนโค้ดที่ใช้งานง่าย ไม่ยุ่งยาก และทำงานร่วมกับอีโคซิสเต็มทางการของ VS Code ได้อย่างราบรื่น |
ช่องทางการตั้งค่าและขั้นตอน
- ติดตั้ง VS Code ก่อน จากนั้นเปิด Extensions Marketplace ทางแถบด้านซ้าย
- เลือกส่วนขยาย AI: ผู้เริ่มต้นสามารถเริ่มต้นด้วย Cline หากคุณใช้ Continue อยู่แล้ว สามารถดูคู่มือเฉพาะของ Continue บนเว็บไซต์นี้ได้ ส่วน Roo Code จะเหมาะกับผู้ใช้ที่มีประสบการณ์มากกว่า จึงยังไม่แนะนำให้ผู้เริ่มต้นติดตั้งเป็นตัวแรก
- เปิดการตั้งค่าของส่วนขยาย แล้วค้นหาตัวเลือกประเภท Provider, Model Provider หรือ API Provider
- หากต้องการใช้ Claude ให้เลือก Anthropic / Claude หากต้องการใช้ GPT ให้เลือก OpenAI และหากต้องการใช้ผู้ให้บริการรีเลย์ ให้เลือก OpenAI Compatible หรือ Custom Provider
- กรอก Key เมื่อใช้แพลตฟอร์มทางการของโมเดลมักจะต้องใช้เฉพาะ Key ทางการเท่านั้น แต่เมื่อใช้บริการรีเลย์ จะต้องคัดลอกทั้ง Key และ Base URL จากระบบหลังบ้านของผู้ให้บริการ
- เลือกโมเดลหรือกรอกชื่อโมเดลด้วยตนเอง โดยไม่ต้องแก้ไขชื่อโมเดลเอง ให้กรอกตรงตามที่แสดงในระบบหลังบ้านของผู้ให้บริการ
- ตั้งค่าการรันคำสั่งอัตโนมัติ การแก้ไขไฟล์อัตโนมัติ และการนำการเปลี่ยนแปลงไปใช้อัตโนมัติเป็นปิด (Off) หรือให้ยืนยันทุกครั้ง (Confirm each time)
คำแนะนำการทดสอบเพื่อความปลอดภัย
แนะนำให้ถามในลักษณะนี้สำหรับการทดสอบครั้งแรก
Read only the currently open file. Do not modify files or run commands. Explain what this code does in beginner-friendly language.เมื่อเกี่ยวข้องกับการรันคำสั่งหรือแก้ไขไฟล์ ให้ตรวจสอบสิ่งที่ระบบกำลังจะทำก่อนเสมอ ผู้เริ่มต้นไม่ควรเปิดใช้งานโหมดอัตโนมัติเต็มรูปแบบ