😇

VSCodeでGitHubのMCP設定してみた

に公開

やりたいこと

https://code.visualstudio.com/updates/v1_99#_model-context-protocol-server-support

↓詳細手順↓

https://code.visualstudio.com/docs/copilot/chat/mcp-servers

1.99にてMCPが使えるようになりました。さっそく試していきたいと思います。

MCPの探し方

公式の探し方だけ説明します。以下のRepoにWEBアクセスしてほしいものを見つけます。
https://github.com/modelcontextprotocol/servers

例えば、GitHubでnpxだったらこうやるよ。ということが記載されています。

手順

vscodeが1.99になっていて、Copilotが使えることが前提となります。

先に空ファイルを作りました。次工程を行うと自動で追加されるかもしれませんが、公式では手動で作成するようなニュアンスだったため従います。
.vscode/mcp.json

写真の通りにMCPサーバーを追加します。

今回は、NPMからいれる方法を選んでみます。

どちらにセットアップするかです。.vscode/mcp.jsonにセットアップしたかったら、下を選択します。上を選択するとvscodeの全体settingsに追記されることになります。

Copilotのリロードボタンをおしましょう。

MCPが繋がりました。

#キーを押すと使えるようになっています。

さいごに

とても簡単なのでつかってみてくださいませ。サンプルではGitHubを選んでみていますが便利なMCPがみつかるとよいなーと思っています。

Discussion