คู่มือตั้งค่า VS Code
เชื่อมต่อ VS Code + Cline กับ LLM API Gateway ผ่านการตั้งค่า OpenAI Compatible
เป้าหมาย: ติดตั้ง Cline ใน VS Code และเชื่อมต่อกับ LLM API Gateway ผ่านการตั้งค่า OpenAI Compatible เมื่อตั้งค่าเสร็จแล้ว คุณจะใช้ AI อ่านและแก้ไขโค้ด เขียนคำสั่ง และอธิบายข้อผิดพลาดได้โดยตรงใน VS Code
| รายการตั้งค่า | ค่าที่ต้องกรอก | หมายเหตุ |
|---|---|---|
| API Provider | OpenAI Compatible | Cline รองรับผู้ให้บริการที่เข้ากันได้กับ OpenAI อย่างเป็นทางการ |
| Base URL | https://api.llm-token.cn/v1 | อย่ากรอกพาธ /chat/completions แบบเต็ม |
| API Key | sk-xxxxxxxx | วาง API Key ของคุณให้ครบถ้วน |
| Model ID | คัดลอกชื่อโมเดลแบบเต็มจากรายการโมเดล | ข้อผิดพลาด Model Not Found ส่วนใหญ่มักเกิดจากกรอกค่านี้ไม่ถูกต้อง |
1. สิ่งที่ต้องเตรียม
- ติดตั้ง VS Code: https://code.visualstudio.com/
- ติดตั้ง Git: https://git-scm.com/downloads
- ผู้ใช้ Windows ควรรีสตาร์ตคอมพิวเตอร์หลังติดตั้ง Git เพื่อให้ตัวแปรสภาพแวดล้อมมีผล
2. ติดตั้งส่วนขยาย Cline
- เปิด VS Code แล้วเลือก Extensions ที่แถบด้านซ้าย
- ค้นหา Cline แล้วคลิก Install
- เมื่อติดตั้งเสร็จแล้ว ไอคอน Cline จะปรากฏที่แถบด้านซ้าย
- หากไอคอนไม่ปรากฏ ให้รีสตาร์ต VS Code
หน้าต่าง Extensions ของ VS Code โดยพิมพ์ cline ในช่องค้นหา พร้อมไฮไลต์ไอ…
3. เปิดการตั้งค่า Cline
เลือกไอคอน Cline ที่แถบด้านซ้าย จากนั้นเปิด Settings ในแผง Cline
หน้าจอเริ่มต้นของ Cline ใน VS Code ที่ถามว่าจะใช้งาน Cline อย่างไร โดยเล…
หน้าจอ API Configuration ของ Cline ใน VS Code แสดง Plan Mode และ Act Mod…
4. กรอกรายละเอียด LLM API Gateway
- API Provider: เลือก OpenAI Compatible
- Base URL: กรอก
https://api.llm-token.cn/v1 - API Key: วาง API Key ของคุณที่ขึ้นต้นด้วย
sk- - Model ID: กรอก Model ID แบบเต็ม เช่น
claude-sonnet-4-6 - บันทึกการตั้งค่า แล้วสร้างงานใหม่เพื่อทดสอบ
หากเกิดข้อผิดพลาดขณะบันทึก: ตรวจสอบว่าไม่ได้ตั้ง Base URL เป็น https://api.llm-token.cn/v1/chat/completions เนื่องจาก Cline ต้องใช้พาธรากของ API ซึ่งก็คือ /v1
5. ทดสอบและแก้ไขปัญหา
| อาการ | วิธีแก้ไข |
|---|---|
| ไม่สามารถกรอก URL ได้ | ตรวจสอบว่าเลือก OpenAI Compatible ไม่ใช่ผู้ให้บริการ OpenAI อย่างเป็นทางการแบบมาตรฐาน |
| Model Not Found | Model ID ต้องตรงกับรายการโมเดลทุกตัวอักษร |
| เชื่อมต่อไม่สำเร็จ | ตรวจสอบ API Key, Base URL และพร็อกซีเครือข่าย หากใช้เครือข่ายบริษัทหรือสถานศึกษา ให้ลองทดสอบผ่านฮอตสปอตจากโทรศัพท์ |
| ไม่พบไอคอน Cline | รีสตาร์ต VS Code หากยังไม่ปรากฏ ให้ติดตั้งส่วนขยายใหม่ |