Visual Studio Code e GitHub Copilot possono agire come client e utilizzare un MCP Server. Perché dovremmo volerlo fare, ti chiederai? Beh, questo significa che tutte le funzionalità dell'MCP Server possono ora essere utilizzate direttamente all'interno del tuo IDE. Immagina, ad esempio, di aggiungere il server MCP di GitHub: questo ti permetterebbe di controllare GitHub tramite prompt invece di digitare comandi specifici nel terminale. Oppure immagina qualsiasi altra cosa che potrebbe migliorare la tua esperienza di sviluppo, tutto controllato tramite linguaggio naturale. Ora inizi a vedere i vantaggi, giusto?
Questa lezione spiega come utilizzare Visual Studio Code e la modalità Agent di GitHub Copilot come client per il tuo MCP Server.
Alla fine di questa lezione, sarai in grado di:
- Utilizzare un MCP Server tramite Visual Studio Code.
- Eseguire funzionalità come strumenti tramite GitHub Copilot.
- Configurare Visual Studio Code per individuare e gestire il tuo MCP Server.
Puoi controllare il tuo MCP Server in due modi diversi:
-
Interfaccia utente: vedremo come fare più avanti in questo capitolo.
-
Terminale: è possibile controllare le cose dal terminale utilizzando l'eseguibile
code:Per aggiungere un MCP Server al tuo profilo utente, utilizza l'opzione della riga di comando --add-mcp e fornisci la configurazione del server JSON nel formato {"name":"server-name","command":...}.
code --add-mcp "{\"name\":\"my-server\",\"command\": \"uvx\",\"args\": [\"mcp-server-fetch\"]}"
Parliamo ora di come utilizzare l'interfaccia visiva nelle prossime sezioni.
Ecco come dobbiamo procedere a livello generale:
- Configurare un file per individuare il nostro MCP Server.
- Avviare/Connettersi al server per elencarne le funzionalità.
- Utilizzare tali funzionalità tramite l'interfaccia Chat di GitHub Copilot.
Perfetto, ora che abbiamo compreso il flusso, proviamo a utilizzare un MCP Server tramite Visual Studio Code con un esercizio.
In questo esercizio, configureremo Visual Studio Code per individuare il tuo MCP Server in modo che possa essere utilizzato tramite l'interfaccia Chat di GitHub Copilot.
Potresti dover abilitare la scoperta dei server MCP.
-
Vai su
File -> Preferences -> Settingsin Visual Studio Code. -
Cerca "MCP" e abilita
chat.mcp.discovery.enablednel file settings.json.
Inizia creando un file di configurazione nella radice del tuo progetto. Avrai bisogno di un file chiamato MCP.json da posizionare in una cartella chiamata .vscode. Dovrebbe apparire così:
.vscode
|-- mcp.json
Successivamente, vediamo come aggiungere un'entry per il server.
Aggiungi il seguente contenuto a mcp.json:
{
"inputs": [],
"servers": {
"hello-mcp": {
"command": "node",
"args": [
"build/index.js"
]
}
}
}Ecco un semplice esempio di come avviare un server scritto in Node.js. Per altri runtime, specifica il comando corretto per avviare il server utilizzando command e args.
Ora che hai aggiunto un'entry, avviamo il server:
- Individua la tua entry in mcp.json e assicurati di trovare l'icona "play":
- Clicca sull'icona "play". Dovresti vedere l'icona degli strumenti nell'interfaccia Chat di GitHub Copilot aumentare il numero di strumenti disponibili. Se clicchi sull'icona degli strumenti, vedrai un elenco di strumenti registrati. Puoi selezionare/deselezionare ogni strumento a seconda che tu voglia che GitHub Copilot li utilizzi come contesto:
- Per eseguire uno strumento, digita un prompt che corrisponda alla descrizione di uno dei tuoi strumenti, ad esempio un prompt come "aggiungi 22 a 1":
Dovresti vedere una risposta che dice 23.
Prova ad aggiungere un'entry per un server nel tuo file mcp.json e assicurati di poter avviare/arrestare il server. Assicurati anche di poter comunicare con gli strumenti sul tuo server tramite l'interfaccia Chat di GitHub Copilot.
I punti chiave di questo capitolo sono i seguenti:
- Visual Studio Code è un ottimo client che ti consente di utilizzare diversi MCP Server e i loro strumenti.
- L'interfaccia Chat di GitHub Copilot è il modo in cui interagisci con i server.
- Puoi richiedere input all'utente, come chiavi API, che possono essere passati al MCP Server durante la configurazione dell'entry nel file mcp.json.
- Calcolatrice Java
- Calcolatrice .Net
- Calcolatrice JavaScript
- Calcolatrice TypeScript
- Calcolatrice Python
- Prossimo: Creare un server stdio
Disclaimer:
Questo documento è stato tradotto utilizzando il servizio di traduzione automatica Co-op Translator. Sebbene ci impegniamo per garantire l'accuratezza, si prega di notare che le traduzioni automatiche possono contenere errori o imprecisioni. Il documento originale nella sua lingua nativa dovrebbe essere considerato la fonte autorevole. Per informazioni critiche, si raccomanda una traduzione professionale effettuata da un traduttore umano. Non siamo responsabili per eventuali fraintendimenti o interpretazioni errate derivanti dall'uso di questa traduzione.





