MCP'yi VS Kodunda GitHub Copilot ile Entegre Etme

MCP nedir?

Model Bağlam Protokolü (MCP)birAnthropic tarafından geliştirilen açık standartbüyük dil modellerinin (LLM'ler) harici araçlar, veritabanları ve API'lerle nasıl entegre olacağını basitleştirmek ve standartlaştırmak. MCP'yi AI modelleri için "USB-C bağlantı noktası" olarak düşünün: Tıpkı USB-C birleşik cihaz bağlantısı gibi, MCP de yapay zeka-araç etkileşimi için evrensel bir arayüz oluşturmayı amaçlamaktadır.

Başlangıçta geliştirmek için inşa edildiClaude'unMCP, harici sistemlerle etkileşime girebilme yeteneği2024'ün başlarında açık kaynaklıendüstri çapında benimsenmesini teşvik etmek. Anthropic'in protokolü herkese açık hale getirerek, özel entegrasyon ihtiyacını en aza indirirken araç iletişimi için ortak bir altyapı oluşturmaktı.modülerlik,birlikte çalışabilirlik, Vegeliştirici üretkenliğiAI uygulamalarında.

MCP aracılığıyla dil modelleri şunları yapabilir:

• API'leri dinamik olarak çağırın ve gerçek zamanlı verileri getirin
• Tutarlı bir ağ kullanarak veritabanları ve üçüncü taraf araçlarla etkileşim kurun
  biçim
• Sabit kodlu mantıktan kaçının, model davranışını daha esnek hale getirin ve
  bakımı yapılabilir

Kısacası,MCP, yapay zeka modellerinin gerçek dünyaya bağlanma şeklini yeniden şekillendiriyorYalıtılmış, yekpare sistemlerden, standartlaştırılmış yöntemler kullanarak akıl yürütebilen, bilgi alabilen ve hareket edebilen esnek, araç farkındalığına sahip aracılara geçiş.

Önkoşullar

Başlamadan önce aşağıdakilere sahip olduğunuzdan emin olun:

Visual Studio Kodu (VS Kodu): En son sürüme güncellendi.

GitHub Hesabı: GitHub Copilot'a erişim ile (Ücretsiz, Pro, Ticari veya Kurumsal plan).

GitHub Yardımcı Pilot Uzantıları: VS Code'da hem GitHub Copilot hem de GitHub Copilot Chat uzantıları yüklendi ve etkinleştirildi.

Node.js: En son LTS sürümü yüklü (kontrol edin)node -vterminalinizde). Şu adresten indirin:resmi Node.js web sitesigerekirse.

Piton: PIP paketleri için kurulur (MCP sunucusuna bağlı olarak isteğe bağlı). Şu adresten indirin:resmi Python web sitesigerekirse.

Ayrıca bakınız:Siber Güvenlik İş Sürekliliği Planı: BCP Nasıl Entegre Edilir ve Riskler Nasıl Azaltılır

Git: Sürüm kontrolü ve depo yönetimi için kurulmuştur.

Adım 1: Kurulum
Çevre

VS Kodunu Güncelle:

VS Code'u açın ve Yardım > Güncellemeleri Denetle menüsü aracılığıyla güncellemeleri kontrol edin.

MCP entegrasyonunu desteklemek için en son kararlı sürümü veya Insiders sürümünü çalıştırdığınızdan emin olun.

GitHub'ta oturum açın:

VS Code'da Etkinlik Çubuğundaki Hesaplar menüsüne gidin.

“GitHub Copilot'u kullanmak için GitHub ile oturum açın”ı seçin ve GitHub hesabınızı kullanarak kimlik doğrulaması yapmak için talimatları izleyin. Copilot aboneliğiniz yoksa sınırlı tamamlama ve sohbet etkileşimi içeren Copilot Ücretsiz planına kaydolacaksınız.

Node.js ve Python'u yükleyin:

Çalıştırarak Node.js kurulumunu doğrulayınnode -vterminalinizde. Mevcut değilse en son LTS sürümünü yükleyin.

Çalıştırarak Python kurulumunu doğrulayınpython --versionveyapython3 --version. PIP tabanlı MCP sunucuları için gerekirse Python'u yükleyin.

MCP birden çok dili ve paketi destekler (örneğin, TypeScript, Docker, C#), ancak bu kılavuz NPX paketleri için Node.js'ye ve PIP paketleri için Python'a odaklanmaktadır.

GitHub Copilot Uzantılarını Yükleyin:

VS Code'da Uzantılar görünümüne gidin (Ctrl+Shift+XveyaCmd+Shift+XmacOS'ta).

“GitHub Copilot”u arayın ve her ikisini de yükleyin.GitHub Yardımcı PilotuVeGitHub Yardımcı Pilot SohbetiUzantılar.

Kurulumdan sonra VS Code'u yeniden başlatın.

Adım 2: VS Code'da MCP'yi Yapılandırma

MCP sunucuları GitHub Copilot'un özelliklerini geliştiriyorTemsilci ModuDepo yönetimi, dosya işlemleri veya API çağrıları gibi görevlere yönelik araçlar sağlayarak. VS Code'da bir MCP sunucusunu nasıl yapılandıracağınız aşağıda açıklanmıştır:

Bir MCP Sunucusu seçin:

Ziyaret edinMCP belgeleriveyaGitHub'ın MCP sunucu deposudesteklenen sunucuların listesi için (örn. GitHub MCP sunucusu, Microsoft Playwright MCP sunucusu).

Bu kılavuz için şunu kullanacağız:GitHub MCP SunucusuSorun oluşturma veya dosyaları karşılaştırma gibi depoyla ilgili eylemler için.

MCP Sunucusunu yükleyin:

VS Code'da bir terminal açın (Ctrl+`(next 1) orMacOS'ta Cmd+`).

GitHub MCP sunucusu için resmi depodaki kurulum talimatlarını izleyin (ör.npm install @github/copilot-language-serverNode.js tabanlı sunucular için).

Alternatif olarak VS Code arayüzünü kullanın:

GitHub Copilot Sohbet görünümünü açın (Ctrl+Alt+IveyaCmd+Alt+I).

SeçmeTemsilci Modusohbet modu açılır menüsünden.

İstenirse “MCP Sunucusunu Yükle” düğmesine tıklayın (örneğin, Azure MCP Sunucusu veya GitHub MCP Sunucusu için).

MCP'yi Çalışma Alanı Ayarlarında Yapılandırma:

Bir oluştur.vscode/mcp.jsonMCP sunucusu ayarlarını tanımlamak için çalışma alanı klasörünüzdeki dosyaya bakın. Örnek:

Kopyala

{
	"servers": [
	{
		"name": "GitHub MCP Server",
		"transport": "stdio",
		"command": ["node", "./node_modules/@github/copilot-language-server/dist/language-server.js", "--stdio", "true"]
	}
	]
}
											

Alternatif olarak, MCP sunucusu ayarlarını kullanıcı ayarlarınıza ekleyin(Ctrl+,veyaCmd+,> “MCP”yi arayın):

Kopyala

{
	"mcp.servers": [
		{
		"name": "GitHub MCP Server",
		"transport": "stdio",
		"command": ["node", "./node_modules/@github/copilot-language-server/dist/language-server.js", "--stdio", "true"]
		}
	]
	}
											

Şunlardan emin olun:commandMCP sunucunuzun çalıştırılabilir dosyası için doğru yolu gösterir.

MCP Araçlarını Etkinleştir:

Copilot Sohbeti görünümünde şuna geçin:Temsilci Modu.

tıklayınAletlerdüğmesine basın ve araçlar listesini yenileyin. Kurulu MCP sunucusu (örneğin, “GitHub MCP Sunucusu”) görünmelidir. Gerekirse açın.

3. Adım: MCP Kodunu Yazma ve Test Etme

MCP, Copilot'un GitHub sorunları oluşturma veya dosyaları karşılaştırma gibi eylemleri gerçekleştirmesine olanak tanır. MCP ile ilgili etkileşimleri nasıl yazacağınız ve test edeceğiniz aşağıda açıklanmıştır:

MCP İstemlerini Yazma:

Yardımcı Pilot Sohbeti görünümünde,Temsilci Moduseçilir.

Kullanarak bağlam ekleyinBağlam Ekledüğme veya değişkenler gibi#fileveya#codebase.

MCP Etkileşimlerini Test Etme:

Copilot Chat giriş alanına istemi girin ve Enter'a basın.

Copilot, MCP sunucusunun araçlarını (örn. sorun oluşturmak için GitHub API) çağıracak ve sonuçları Sohbet görünümünde görüntüleyecektir.

Çıktıyı gözden geçirin (örneğin, arşivinizde oluşturulan yeni bir sayı veya farklı dosya karşılaştırmaları).

Seçerek değişiklikleri kabul edinKaleveyaKabul etmekSohbet görünümünde seçin veya hatalıysa bunları reddedin.

MCP Etkileşimi için Örnek Node.js Kodu:

Özel bir MCP sunucusu geliştiriyorsanız MCP SDK'yı kullanın. Aşağıda depo dosyalarını listelemeye yönelik bir araç oluşturmaya yönelik temel bir Node.js örneği verilmiştir:

Kopyala

const { MCPServer } = require('@anthropic/mcp-sdk');
	
const server = new MCPServer({
transport: 'stdio',
tools: [
	{
	name: 'list_repository_files',
	description: 'Lists files in a GitHub repository',
	execute: async (params) => {
		const { repo } = params;
		// Simulated GitHub API call
		return ['index.js', 'package.json', 'README.md'];
	},
	},
],
});

server.start();
											

Bunu farklı kaydetmcp-server.jsve onunla çalıştırnode mcp-server.js.VS Code'u bu sunucuyu kullanacak şekilde Adım 2'de gösterildiği gibi yapılandırın.

MCP Etkileşimi için Örnek Python Kodu:

Python tabanlı MCP sunucuları için Python MCP SDK'sını kullanın:

Kopyala

from mcp_sdk import MCPServer

server = MCPServer(
	transport="stdio",
	tools=[
		{
			"name": "create_github_issue",
			"description": "Creates a GitHub issue in a repository",
			"execute": lambda params: f"Issue created in {params['repo']} with title: {params['title']}",
		}
	],
)

server.start()span>Use async/await for asynchronous code.
										

Farklı kaydetmcp_server.pyve ile koşpython mcp_server.py. Güncelleme.vscode/mcp.jsonBu komut dosyasına işaret edecek dosya.

Adım 4: Gelişmiş Özellikler ve Özelleştirme

Özel Talimatlar:

Bir oluştur.github/copilot-instructions.mdprojeye özel bağlam (örneğin kodlama standartları, tercih edilen kütüphaneler) sağlamak için dosya. Örnek:

Kopyala

# Copilot Instructions
This project is a web application built with Node.js and Express.
- Use camelCase for variable names.
- Prefer async/await over callbacks.
- Use the GitHub MCP server for repository actions.
											

Copilot bu talimatları Ajan Modunda otomatik olarak uygular.

Dinamik Araç Güncellemeleri:

MCP sunucuları, listede değişen olayları kullanarak araçları dinamik olarak güncelleyebilir. Yeni araçlar eklendiğinde güncellemeler sağlamak için MCP sunucu kodunuzu değiştirin.

Uzak MCP Sunucuları:

Uzaktan erişim için MCP sunucularını Azure Container Apps gibi platformlarda barındırın. VS Code'u stdio yerine sunucu tarafından gönderilen olaylar (SSE) aracılığıyla bağlanacak şekilde yapılandırın.

Hızlı Mühendislik:

Daha iyi sonuçlar için özel istemleri kullanın. Örnek: “GitHub MCP sunucusunu kullanarak bir API'den veri almak için bir Node.js işlevi oluşturun.

Adım 5: Sorun Giderme ve En İyi Uygulamalar

Sorun giderme:

• MCP Sunucusu Algılanmadı: Kontrol edin
  .vscode/mcp.jsondoğru komut yolları için dosya. Koşmak
  MCP: List Serversdoğrulamak için Komut Paletinden.
• Öneri Yok: Temsilci Modunun etkin olduğundan ve
  MCP sunucusu Araçlar menüsünden açılır.
• Sohbet Görünümünde Hatalar: Hata bildirimini seçin
  ve sunucu günlüklerini görüntülemek için “Çıktıyı Göster”i seçin.
• Kimlik Doğrulama Sorunları: GitHub'ınızın kimliğini yeniden doğrulayın
  Copilot bağlanamazsa, Hesaplar menüsü aracılığıyla hesaba bağlanın.

En İyi Uygulamalar:

• Güvenilir MCP Sunucularını Kullanın: Yalnızca şuradaki sunucuları yükleyin:
  Güvenlik risklerini önlemek için doğrulanmış kaynaklar.
• İstemleri Spesifik Tutun: Görevleri daha küçük parçalara ayırın,
  istemleri temizleyin (örneğin, "Bir işlev oluşturun" yerine "Bir işlev oluşturun")
  uygulama").
• Sürüm Kontrol Talimatları: Mağaza
  .github/copilot-instructions.mdPaylaşmak için deponuzda
  ekibinizle birlikte.
• Değişiklikleri Test Et: Copilot'u her zaman gözden geçirin ve test edin
  MCP eylemleri dosyaları değiştirebileceğinden veya kabul etmeden önce öneriler
  depolar.

Çözüm

Model Bağlam Protokolünü (MCP) VS Code'da GitHub Copilot ile entegre etmek, güçlü yapay zeka odaklı yeteneklerin kilidini açarak GitHub depoları, API'ler ve harici araçlarla sorunsuz etkileşime olanak tanır. Bu kılavuzu takip ederek ortamınızı nasıl kuracağınızı, MCP sunucularını nasıl yapılandıracağınızı, MCP etkileşimlerini nasıl yazıp test edeceğinizi ve özel talimatlar gibi gelişmiş özelliklerden nasıl yararlanacağınızı öğrendiniz. MCP'nin standartlaştırılmış arayüzü ile Copilot'un Temsilci Modunu projenizin ihtiyaçlarına uyacak şekilde genişletebilir, üretkenliği ve modülerliği artırabilirsiniz.

Daha fazla araştırma için şu kaynakları kontrol edin:

Copilot'u iş akışınıza uyarlamak için farklı MCP sunucuları ve istemleriyle denemeler yapın ve yapay zeka odaklı geliştirmenin geleceğini şekillendirmeye yardımcı olmak için geri bildirimlerinizi toplulukla paylaşın!