Visual Studio Code နှင့် GitHub Copilot သည် client အဖြစ်လုပ်ဆောင်ပြီး MCP Server ကို အသုံးပြုနိုင်ပါသည်။ ဒါကို ဘာကြောင့် လိုအပ်လဲလို့ မေးမိနိုင်ပါတယ်။ အကြောင်းကတော့ MCP Server ရဲ့ feature တွေကို IDE အတွင်းမှာ အသုံးပြုနိုင်မယ်ဆိုတာပါ။ GitHub ရဲ့ MCP Server ကို ထည့်သွင်းလိုက်တာနဲ့ GitHub ကို terminal မှာ command ရိုက်မယ့်အစား prompt တွေကို အသုံးပြုပြီး ထိန်းချုပ်နိုင်ပါမယ်။ ဒါမှမဟုတ် developer experience ကို တိုးတက်စေမယ့် feature တွေကို သဘာဝဘာသာစကားနဲ့ ထိန်းချုပ်နိုင်မယ့် အခြေအနေကို စဉ်းစားကြည့်ပါ။ အခုတော့ အကျိုးကျေးဇူးကို မြင်လာပါပြီဟုတ်?
ဒီသင်ခန်းစာမှာ Visual Studio Code နှင့် GitHub Copilot ရဲ့ Agent mode ကို MCP Server ရဲ့ client အဖြစ် အသုံးပြုနည်းကို လေ့လာပါမယ်။
ဒီသင်ခန်းစာပြီးဆုံးချိန်မှာ သင်တတ်မြောက်ထားမည့်အရာများမှာ:
- Visual Studio Code မှ MCP Server ကို အသုံးပြုနိုင်ခြင်း။
- GitHub Copilot မှ tools တို့ကို run လုပ်နိုင်ခြင်း။
- MCP Server ကို ရှာဖွေပြီး ထိန်းချုပ်ရန် Visual Studio Code ကို configure လုပ်နိုင်ခြင်း။
MCP Server ကို ထိန်းချုပ်ရန် နည်းလမ်းနှစ်မျိုးရှိပါတယ်:
-
User interface, ဒီနည်းလမ်းကို နောက်ပိုင်း chapter မှာ ပြသပါမယ်။
-
Terminal,
codeexecutable ကို အသုံးပြုပြီး terminal မှာ ထိန်းချုပ်နိုင်ပါတယ်:MCP Server ကို user profile မှာ ထည့်သွင်းရန်
--add-mcpcommand line option ကို အသုံးပြုပြီး JSON server configuration ကို {"name":"server-name","command":...} အဖြစ်ပေးရပါမယ်။code --add-mcp "{\"name\":\"my-server\",\"command\": \"uvx\",\"args\": [\"mcp-server-fetch\"]}"
နောက်ပိုင်း section တွေမှာ visual interface ကို ဘယ်လိုအသုံးပြုမလဲ ဆွေးနွေးကြပါစို့။
အထွေထွေ high level မှာ လုပ်ဆောင်ရန်နည်းလမ်းမှာ:
- MCP Server ကို ရှာဖွေဖို့ ဖိုင်တစ်ခုကို configure လုပ်ပါ။
- Server ကို စတင်/ချိတ်ဆက်ပြီး အဲဒီ server ရဲ့ capabilities တွေကို list လုပ်ပါ။
- GitHub Copilot Chat interface မှာ အဲဒီ capabilities တွေကို အသုံးပြုပါ။
အိုကေ၊ အခုတော့ flow ကို နားလည်သွားပြီဆိုရင် Visual Studio Code မှ MCP Server ကို အသုံးပြုဖို့ လေ့ကျင့်ခန်းတစ်ခုလုပ်ကြည့်ပါ။
ဒီလေ့ကျင့်ခန်းမှာ Visual Studio Code ကို configure လုပ်ပြီး GitHub Copilot Chat interface မှ MCP Server ကို အသုံးပြုနိုင်အောင် လုပ်ဆောင်ပါမယ်။
MCP Server discovery ကို enable လုပ်ရန် လိုအပ်နိုင်ပါတယ်။
-
Visual Studio Code မှ
File -> Preferences -> Settingsကို သွားပါ။ -
"MCP" ကို ရှာဖွေပြီး
chat.mcp.discovery.enabledကို settings.json ဖိုင်မှာ enable လုပ်ပါ။
Project root မှာ config ဖိုင်တစ်ခု ဖန်တီးပါ။ MCP.json ဆိုတဲ့ ဖိုင်တစ်ခုကို .vscode folder အတွင်းမှာ ထည့်သွင်းရပါမယ်။ အဲဒီဖိုင်ရဲ့ အကြောင်းအရာက ဒီလိုဖြစ်ရပါမယ်:
.vscode
|-- mcp.json
နောက်တစ်ဆင့်မှာ server entry ကို ဘယ်လိုထည့်မလဲ ကြည့်ပါမယ်။
mcp.json ဖိုင်မှာ အောက်ပါအကြောင်းအရာကို ထည့်သွင်းပါ:
{
"inputs": [],
"servers": {
"hello-mcp": {
"command": "node",
"args": [
"build/index.js"
]
}
}
}Node.js မှ server ကို စတင်ရန် အထက်ပါ ဥပမာက ရိုးရှင်းတဲ့ ဥပမာတစ်ခုဖြစ်ပါတယ်။ အခြား runtime များအတွက် server ကို စတင်ရန် command နှင့် args ကို သင့်တော်တဲ့အတိုင်း ပြောင်းလဲပါ။
Entry ကို ထည့်သွင်းပြီးပြီဆိုရင် Server ကို စတင်ပါ:
- mcp.json ဖိုင်မှာ သင့် entry ကို ရှာဖွေပြီး "play" icon ကို ရှာပါ:
- "play" icon ကို click လုပ်ပါ။ GitHub Copilot Chat မှ tools icon ရဲ့ available tools အရေအတွက် တိုးလာတာကို တွေ့ရပါမယ်။ tools icon ကို click လုပ်ပါက registered tools များရဲ့ စာရင်းကို တွေ့ရပါမယ်။ GitHub Copilot ကို context အဖြစ် အသုံးပြုစေချင်/မချင် tools တစ်ခုချင်းစီကို check/uncheck လုပ်နိုင်ပါတယ်:
- Tool တစ်ခုကို run လုပ်ရန် prompt တစ်ခုကို ရိုက်ပါ။ ဥပမာအားဖြင့် "add 22 to 1" ဆိုတဲ့ prompt ကို ရိုက်ပါ:
23 ဆိုတဲ့ response ကို တွေ့ရပါမယ်။
mcp.json ဖိုင်မှာ server entry တစ်ခုကို ထည့်သွင်းပြီး Server ကို start/stop လုပ်နိုင်ပါစေ။ GitHub Copilot Chat interface မှ Server ရဲ့ tools တွေနဲ့ ဆက်သွယ်နိုင်ပါစေ။
ဒီ chapter ရဲ့ အဓိက takeaways တွေက:
- Visual Studio Code သည် MCP Server များနှင့် tools များကို အသုံးပြုနိုင်တဲ့ client အလွန်ကောင်းတစ်ခုဖြစ်သည်။
- GitHub Copilot Chat interface သည် Server များနှင့် ဆက်သွယ်ရန် အသုံးပြုသည်။
- API key များလိုအပ်သောအခါ user ကို prompt လုပ်ပြီး MCP Server ကို configure လုပ်ရာမှာ mcp.json ဖိုင်တွင် ထည့်သွင်းနိုင်သည်။
- နောက်တစ်ဆင့်: Creating a stdio Server
ဝက်ဘ်ဆိုက်မှတ်ချက်:
ဤစာရွက်စာတမ်းကို AI ဘာသာပြန်ဝန်ဆောင်မှု Co-op Translator ကို အသုံးပြု၍ ဘာသာပြန်ထားပါသည်။ ကျွန်ုပ်တို့သည် တိကျမှန်ကန်မှုအတွက် ကြိုးစားနေသော်လည်း၊ အလိုအလျောက်ဘာသာပြန်ခြင်းတွင် အမှားများ သို့မဟုတ် မမှန်ကန်မှုများ ပါဝင်နိုင်ကြောင်း သတိပြုပါ။ မူလဘာသာစကားဖြင့် ရေးသားထားသော စာရွက်စာတမ်းကို အာဏာတည်သော ရင်းမြစ်အဖြစ် သတ်မှတ်သင့်ပါသည်။ အရေးကြီးသော အချက်အလက်များအတွက် လူ့ဘာသာပြန်ပညာရှင်များကို အသုံးပြုရန် အကြံပြုပါသည်။ ဤဘာသာပြန်ကို အသုံးပြုခြင်းမှ ဖြစ်ပေါ်လာသော နားလည်မှုမှားများ သို့မဟုတ် အဓိပ္ပာယ်မှားများအတွက် ကျွန်ုပ်တို့သည် တာဝန်မယူပါ။





