Visual Studio Code และ GitHub Copilot สามารถทำหน้าที่เป็นไคลเอนต์และใช้งาน MCP Server ได้ คุณอาจสงสัยว่าทำไมเราถึงต้องการทำเช่นนั้น? เพราะว่าฟีเจอร์ใดๆ ที่ MCP Server มีสามารถใช้งานได้จากใน IDE ของคุณ ลองจินตนาการว่าคุณเพิ่ม MCP Server ของ GitHub ตัวอย่างเช่น คุณจะสามารถควบคุม GitHub ผ่านคำสั่งที่ใช้ภาษาธรรมชาติแทนการพิมพ์คำสั่งเฉพาะในเทอร์มินัล หรืออะไรก็ตามที่สามารถปรับปรุงประสบการณ์การพัฒนาของคุณได้ ทั้งหมดนี้ควบคุมด้วยภาษาธรรมชาติ คุณเริ่มเห็นข้อดีแล้วใช่ไหม?
บทเรียนนี้ครอบคลุมวิธีการใช้ Visual Studio Code และโหมด Agent ของ GitHub Copilot เป็นไคลเอนต์สำหรับ MCP Server
เมื่อจบบทเรียนนี้ คุณจะสามารถ:
- ใช้งาน MCP Server ผ่าน Visual Studio Code
- ใช้ความสามารถต่างๆ เช่น เครื่องมือผ่าน GitHub Copilot
- ตั้งค่า Visual Studio Code เพื่อค้นหาและจัดการ MCP Server ของคุณ
คุณสามารถควบคุม MCP Server ของคุณได้สองวิธี:
-
ผ่านส่วนติดต่อผู้ใช้ คุณจะได้เห็นวิธีการนี้ในบทถัดไป
-
ผ่านเทอร์มินัล คุณสามารถควบคุมสิ่งต่างๆ จากเทอร์มินัลโดยใช้คำสั่ง
code:ในการเพิ่ม MCP Server ไปยังโปรไฟล์ผู้ใช้ของคุณ ให้ใช้ตัวเลือกบรรทัดคำสั่ง --add-mcp และระบุการตั้งค่าเซิร์ฟเวอร์ JSON ในรูปแบบ {"name":"server-name","command":...}.
code --add-mcp "{\"name\":\"my-server\",\"command\": \"uvx\",\"args\": [\"mcp-server-fetch\"]}"
เรามาพูดถึงวิธีการใช้ส่วนติดต่อผู้ใช้ในหัวข้อถัดไป
นี่คือวิธีการที่เราต้องดำเนินการในภาพรวม:
- ตั้งค่าไฟล์เพื่อค้นหา MCP Server ของเรา
- เริ่มต้น/เชื่อมต่อกับเซิร์ฟเวอร์เพื่อให้มันแสดงรายการความสามารถของมัน
- ใช้ความสามารถเหล่านั้นผ่านส่วนติดต่อ GitHub Copilot Chat
ดีมาก ตอนนี้เราเข้าใจขั้นตอนแล้ว ลองใช้ MCP Server ผ่าน Visual Studio Code ผ่านการฝึกหัดกัน
ในแบบฝึกหัดนี้ เราจะตั้งค่า Visual Studio Code เพื่อค้นหา MCP Server ของคุณเพื่อให้สามารถใช้งานได้ผ่านส่วนติดต่อ GitHub Copilot Chat
คุณอาจต้องเปิดใช้งานการค้นหา MCP Server
-
ไปที่
File -> Preferences -> Settingsใน Visual Studio Code -
ค้นหา "MCP" และเปิดใช้งาน
chat.mcp.discovery.enabledในไฟล์ settings.json
เริ่มต้นด้วยการสร้างไฟล์ config ในโฟลเดอร์โปรเจกต์ของคุณ คุณจะต้องสร้างไฟล์ชื่อ MCP.json และวางไว้ในโฟลเดอร์ชื่อ .vscode ไฟล์ควรมีลักษณะดังนี้:
.vscode
|-- mcp.json
ต่อไป เรามาดูวิธีการเพิ่มรายการเซิร์ฟเวอร์
เพิ่มเนื้อหาต่อไปนี้ลงใน mcp.json:
{
"inputs": [],
"servers": {
"hello-mcp": {
"command": "node",
"args": [
"build/index.js"
]
}
}
}ตัวอย่างด้านบนเป็นวิธีง่ายๆ ในการเริ่มเซิร์ฟเวอร์ที่เขียนด้วย Node.js สำหรับ runtime อื่นๆ ให้ระบุคำสั่งที่เหมาะสมสำหรับการเริ่มเซิร์ฟเวอร์โดยใช้ command และ args
เมื่อคุณเพิ่มรายการแล้ว ให้เริ่มเซิร์ฟเวอร์:
- ค้นหารายการของคุณใน mcp.json และตรวจสอบให้แน่ใจว่าคุณพบไอคอน "play":
- คลิกไอคอน "play" คุณควรเห็นไอคอนเครื่องมือใน GitHub Copilot Chat เพิ่มจำนวนเครื่องมือที่พร้อมใช้งาน หากคุณคลิกที่ไอคอนเครื่องมือดังกล่าว คุณจะเห็นรายการเครื่องมือที่ลงทะเบียนไว้ คุณสามารถเลือก/ยกเลิกการเลือกแต่ละเครื่องมือขึ้นอยู่กับว่าคุณต้องการให้ GitHub Copilot ใช้เป็นบริบทหรือไม่:
- ในการใช้งานเครื่องมือ ให้พิมพ์คำสั่งที่คุณรู้ว่าจะตรงกับคำอธิบายของเครื่องมือ เช่น คำสั่ง "add 22 to 1":
คุณควรเห็นคำตอบว่า 23
ลองเพิ่มรายการเซิร์ฟเวอร์ลงในไฟล์ mcp.json ของคุณและตรวจสอบให้แน่ใจว่าคุณสามารถเริ่ม/หยุดเซิร์ฟเวอร์ได้ ตรวจสอบให้แน่ใจว่าคุณสามารถสื่อสารกับเครื่องมือบนเซิร์ฟเวอร์ของคุณผ่านส่วนติดต่อ GitHub Copilot Chat
สิ่งที่ควรจดจำจากบทนี้คือ:
- Visual Studio Code เป็นไคลเอนต์ที่ยอดเยี่ยมที่ช่วยให้คุณใช้งาน MCP Server และเครื่องมือของมันได้หลายตัว
- ส่วนติดต่อ GitHub Copilot Chat คือวิธีที่คุณโต้ตอบกับเซิร์ฟเวอร์
- คุณสามารถขอข้อมูลจากผู้ใช้ เช่น คีย์ API ที่สามารถส่งต่อไปยัง MCP Server เมื่อกำหนดค่าเซิร์ฟเวอร์ในไฟล์ mcp.json
- ต่อไป: การสร้างเซิร์ฟเวอร์แบบ stdio
ข้อจำกัดความรับผิดชอบ:
เอกสารนี้ได้รับการแปลโดยใช้บริการแปลภาษา AI Co-op Translator แม้ว่าเราจะพยายามให้การแปลมีความถูกต้อง แต่โปรดทราบว่าการแปลโดยอัตโนมัติอาจมีข้อผิดพลาดหรือความไม่ถูกต้อง เอกสารต้นฉบับในภาษาดั้งเดิมควรถือเป็นแหล่งข้อมูลที่เชื่อถือได้ สำหรับข้อมูลที่สำคัญ ขอแนะนำให้ใช้บริการแปลภาษามืออาชีพ เราไม่รับผิดชอบต่อความเข้าใจผิดหรือการตีความผิดที่เกิดจากการใช้การแปลนี้