{"id":2908,"date":"2026-08-27T20:53:00","date_gmt":"2026-08-28T00:53:00","guid":{"rendered":"https:\/\/blog2wrkdev.wpenginepowered.com\/mcp-server-tutorial\/"},"modified":"2026-10-27T11:16:42","modified_gmt":"2026-10-27T15:16:42","slug":"mcp-server-tutorial","status":"publish","type":"post","link":"https:\/\/blog2workato.wpengine.com\/mcp-server-tutorial\/","title":{"rendered":"How to Set Up an MCP Server in VS Code: A Step-by-Step Guide"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">If you\u2019ve ever wished that your AI assistant could connect to your tools \u2014 and not just answer questions \u2014 this tutorial is your starting point.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this post, you\u2019ll learn exactly how to configure an MCP server in VS Code so your AI assistants can securely work with real data from your business systems.<\/p>\n\n\n\n<h2 id=\"1\" class=\"wp-block-heading\">What is an MCP Server?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>A Model Context Protocol (MCP) server is a program that bridges AI assistants like Claude and ChatGPT with your business tools, such as GitHub, Salesforce, internal databases, or other operational systems. <\/strong>The <a href=\"https:\/\/modelcontextprotocol.io\/docs\/getting-started\/intro#:~:text=MCP%20like%20a-,USB%2DC%20port%20for%20AI,-applications.%20Just%20as\" target=\"_blank\" rel=\"noreferrer noopener\">MCP site describes<\/a> it as a \u201cUSB-C port for AI,\u201d offering a standardized way for AI to safely access external systems.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>MCP Architecture<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.workato.com\/the-connector\/what-is-mcp\/\">MCP<\/a> uses a client-server model where your AI application (<strong>the MCP host<\/strong>) coordinates and manages one or multiple <strong>MCP clients<\/strong> that connect one-to-one with <strong>MCP servers<\/strong>, like dedicated phone lines for each tool.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Two layers power this:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>1. Data layer<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">The <strong>data layer<\/strong> uses a JSON-RPC 2.0-based exchange protocol that defines the message structure and semantics to handle what gets exchanged: connection initialization, connection termination between clients and servers, capability negotiation, and the actual functionality.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>2. Transport layer<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">The <strong>transport layer<\/strong> manages how information travels, either with stdio for local processes or HTTP for remote servers, handling security, authentication, and message delivery.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Core Components of MCP servers<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">MCP servers expose three key primitives that make AI actionable:&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Tools<\/strong> are executable actions, such as querying databases or creating calendar events.<\/li>\n\n\n\n<li><strong>Resources<\/strong> provide context, like file content, database schemas, or API responses.<\/li>\n\n\n\n<li><strong>Prompts<\/strong> are reusable templates that structure AI interactions.&nbsp;<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/blog2workato.wpengine.com\/wp-content\/uploads\/2026\/10\/image-8-2.png\"><img decoding=\"async\" src=\"https:\/\/blog2workato.wpengine.com\/wp-content\/uploads\/2026\/10\/image-8-2.png\" alt=\"Agentic AI systems need to act across multiple systems, data sources, and tools, and MCP enables this with standardized discovery, data access, and action execution\" class=\"wp-image-41816\"\/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Why MCP Servers Matter for Agentic AI<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Agentic AI systems need to act across multiple systems, data sources, and tools, and <a href=\"https:\/\/www.workato.com\/the-connector\/what-is-mcp\/\">MCP<\/a> enables this with standardized discovery, data access, and action execution. It also keeps humans in control through sampling (i.e., servers can request AI completions) and elicitation (i.e., servers can ask for user input or confirmation).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Since you now know what an MCP server does and also why it matters for today\u2019s Agentic AI systems, let\u2019s explore how you can configure and use one yourself.<\/p>\n\n\n\n<h2 id=\"2\" class=\"wp-block-heading\">How to set up an MCP Server<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In this section, we\u2019ll walk through setting up a GitHub MCP server in VS Code so AI assistants like GitHub Copilot agent can have direct access to your GitHub account.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Why GitHub? It\u2019s one of the most popular MCP servers and demonstrates the core concepts of the tech beautifully. Plus, the setup process is straightforward and mirrors how you\u2019d configure other MCP servers.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Once you understand how to set up the GitHub MCP server, you\u2019ll have the foundation to connect AI to virtually any tool in your tech stack.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ready? Let&#8217;s get started!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Prerequisite<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">First off, make sure that you\u2019ve got:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Visual Studio Code (version 1.101+) installed on your machine (tested with version 1.106.1).<\/li>\n\n\n\n<li>A GitHub account. If you don\u2019t have an account, <a href=\"https:\/\/github.com\/signup?source=login\" target=\"_blank\" rel=\"noreferrer noopener\">create one here<\/a>.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Now that we\u2019ve got those out of the way, let\u2019s begin.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 1: Create the MCP configuration structure<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">First, you need to create a special folder and file that VS Code will use to manage your MCP servers:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Launch VS Code and then choose a project folder where you want to use the GitHub MCP server.<\/li>\n\n\n\n<li>In your project\u2019s root directory, create a new folder called .vscode (yes, with the dot at the beginning).<\/li>\n\n\n\n<li>Inside the .vscode folder, create a file named mcp.json<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/blog2workato.wpengine.com\/wp-content\/uploads\/2026\/10\/image-7-2.png\"><img decoding=\"async\" src=\"https:\/\/blog2workato.wpengine.com\/wp-content\/uploads\/2026\/10\/image-7-2.png\" alt=\"Inside the .vscode folder, create a file named mcp.json\"\/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Your folder structure should now look like the image above.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 2: Add the GitHub MCP Server.<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Now comes the fun part! VS Code has a nice built-in way to add MCP servers:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Look for and click the <strong>\u201cAdd server\u201d<\/strong> button in VS Code (this should appear when you\u2019re on the mcp.json file).<\/li>\n\n\n\n<li>When prompted, select <strong>\u201cNPM Package\u201d<\/strong> from the dropdown options.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.workato.com\/the-connector\/wp-content\/uploads\/2026\/10\/image-11-1.png\"><img decoding=\"async\" src=\"https:\/\/blog2workato.wpengine.com\/wp-content\/uploads\/2026\/10\/image-11-1-1024x463.png\" alt=\"Select NPM Package from the dropdown options.\" class=\"wp-image-41819\"\/><\/a><\/figure>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>A text field will appear asking for the package name. Type in exactly: @modelcontextprotocol\/server-github and press Enter<\/li>\n\n\n\n<li>When the confirmation prompt appears, click \u201c<strong>Allow<\/strong>\u201d to proceed.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.workato.com\/the-connector\/wp-content\/uploads\/2026\/10\/image-9-2.png\"><img decoding=\"async\" src=\"https:\/\/blog2workato.wpengine.com\/wp-content\/uploads\/2026\/10\/image-9-2-1024x266.png\" alt=\"Click allow to proceed\"\/><\/a><\/figure>\n\n\n\n<ol start=\"5\" class=\"wp-block-list\">\n<li>Next, you will be prompted for your GitHub Access Token. Press \u201c<strong>Escape<\/strong>\u201d to cancel. We\u2019ll configure this manually in the next step.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">After this, VS Code will automatically configure the basic setup for you and populate your mcp.json file with the necessary configuration.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 3: Create your GitHub personal access token<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">To allow the MCP server access to your GitHub data, you need to grant it permission. Here\u2019s how to do that:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Log in to your GitHub account and go to the <a href=\"https:\/\/github.com\/settings\/tokens\" target=\"_blank\" rel=\"noreferrer noopener\">token creation page<\/a>.<\/li>\n\n\n\n<li>Click the <strong>\u201cGenerate new token\u201d <\/strong>button (preferably, choose <strong>\u201cGenerate new token (classic)\u201d<\/strong>).<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.workato.com\/the-connector\/wp-content\/uploads\/2026\/10\/image-12-1.png\"><img decoding=\"async\" src=\"https:\/\/blog2workato.wpengine.com\/wp-content\/uploads\/2026\/10\/image-12-1-1024x381.png\" alt=\"Click generate new token\" class=\"wp-image-41820\"\/><\/a><\/figure>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>Give your token a descriptive name like <strong>\u201cVS Code MCP Server\u201d <\/strong>or any text that describes your aim. I use <strong>\u201ctestMCP\u201d<\/strong> for mine.<\/li>\n\n\n\n<li>Select the scopes\/permissions your server needs. For most use cases, you\u2019ll want:<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Repo<\/strong> (full control of private repositories)<\/li>\n\n\n\n<li><strong>Read:org<\/strong> (if you work with organization repos)<\/li>\n\n\n\n<li><strong>user<\/strong> (read user profile data)<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.workato.com\/the-connector\/wp-content\/uploads\/2026\/10\/image-14-2.png\"><img decoding=\"async\" src=\"https:\/\/blog2workato.wpengine.com\/wp-content\/uploads\/2026\/10\/image-14-2-1024x631.png\" alt=\"New personal access token\"\/><\/a><\/figure>\n\n\n\n<ol start=\"5\" class=\"wp-block-list\">\n<li>Scroll down and click<strong> \u201cGenerate token\u201d<\/strong><\/li>\n\n\n\n<li><strong>Important<\/strong>: Once the token is generated, copy it immediately! GitHub only shows it once, and you\u2019ll need it in the next step.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 4: Add your token to the configuration<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">We\u2019re almost there! Now, it&#8217;s time to connect everything:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go back to VS Code and open your mcp.json file<\/li>\n\n\n\n<li>You should see a placeholder that looks like <strong>\u201c&lt;YOUR_TOKEN&gt;\u201d<\/strong> or similar.<\/li>\n\n\n\n<li>Replace the entire placeholder (including the angle brackets) with your actual GitHub token from step 3.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Your configuration should look something like this:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>{\n&nbsp;&nbsp;&nbsp;\"servers\": {\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"github\": {\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"command\": \"npx\",\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"args\": &#91;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"-y\",\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"@modelcontextprotocol\/server-github\"\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"env\": {\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"GITHUB_PERSONAL_ACCESS_TOKEN\": \"&lt;YOUR_TOKEN&gt;\"\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"type\": \"stdio\"\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}\n&nbsp;&nbsp;&nbsp;},\n&nbsp;&nbsp;&nbsp;\"inputs\": &#91;]\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>For security reasons, never commit this file with your real token to version control, and ensure to add <\/strong><strong>.vscode\/mcp.json<\/strong><strong> to your <\/strong><strong>.gitignore<\/strong><strong> file.<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 5: Test your connection<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You\u2019re all set! Now, let\u2019s make sure everything works:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Restart VS Code to ensure the MCP server initializes properly.<\/li>\n\n\n\n<li>Open GitHub Copilot or your AI assistant in agent mode.<\/li>\n\n\n\n<li>Try a prompt that requires GitHub access, like:&nbsp;<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u201cShow me my recent pull requests.\u201d<\/li>\n\n\n\n<li>\u201cSummarize the latest commits.\u201d<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.workato.com\/the-connector\/wp-content\/uploads\/2026\/10\/image-13-2.png\"><img decoding=\"async\" src=\"https:\/\/blog2workato.wpengine.com\/wp-content\/uploads\/2026\/10\/image-13-2-1024x729.png\" alt=\"Prompts that require GitHub access\"\/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">If everything is configured correctly, the AI assistant should be able to fetch and display information from your GitHub account like in the screenshot above.<\/p>\n\n\n\n<h2 id=\"3\" class=\"wp-block-heading\">Common issues and troubleshooting tips<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Here are some common hurdles you might run into during this process and how to fix them:&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1. Authentication failures&nbsp;<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If this occurs, your token likely has spaces or is incomplete. Classic tokens start with gph_, so check and copy it fresh from GitHub without any extra characters.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2. Access denied errors<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If you see this, you didn\u2019t grant enough permissions. Go back to GitHub token settings and enable at least the repo scope for repository access.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3. Server won\u2019t start<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Server not starting? Check that your file is named exactly mcp.json (not mcp.json.txt) and it is directly inside .vscode. Also, scan for JSON syntax errors; missing commas and brackets are common culprits.<\/p>\n\n\n\n<h2 id=\"4\" class=\"wp-block-heading\">Scaling AI across the organization with Workato Enterprise MCP<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The GitHub MCP server works great for developers. But what if you want to connect AI across your entire business?&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.workato.com\/the-connector\/enterprise-mcp-guide\/\">Workato Enterprise MCP<\/a> extends MCP beyond single tools, letting AI assistants like Claude securely access multiple systems with <a href=\"https:\/\/www.workato.com\/the-connector\/mcp-security-governance\/\">enterprise-grade security<\/a>, governance, and human oversight.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/blog2workato.wpengine.com\/wp-content\/uploads\/2026\/10\/image-10-1.png\"><img decoding=\"async\" src=\"https:\/\/blog2workato.wpengine.com\/wp-content\/uploads\/2026\/10\/image-10-1.png\" alt=\"Atlassian Rovo MCP Server and Workato\"\/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Real-world use cases<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Here are some real examples of how Workato Enterprise MCP helps teams work faster with AI:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Workato Enterprise MCP helps sales teams create better outreach faster. With it, AI pulls insights from emails, summarizes Gong calls, and researches customer sites, thereby turning hours of work into seconds, with reps approving every action before it\u2019s carried out.<\/li>\n<\/ol>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>With Workato MCP, AI assistants can deliver daily briefings to leaders that unify KPIs from sales, finance, HR, and ops with market news for real-time governed insights.<\/li>\n<\/ol>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>Product teams can also ship faster, since it enables AI assistants to check GitHub commits, Jira, and other tools simultaneously and point out risks while still allowing oversight from the team.<\/li>\n<\/ol>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li>Marketers often can\u2019t link campaign spending to revenue. Workato Enterprise MCP lets AI combine CRM, <a href=\"https:\/\/www.workato.com\/the-connector\/ai-automation-introduction\/\">automation<\/a>, and ad data to connect campaigns to the pipeline, summarize results, and suggest smarter budgets to boost ROI.<br><\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">As Alan Braun (VP Product Ecosystem, Atlassian) notes: \u201cAtlassian Rovo MCP Server and Workato&#8217;s Enterprise MCP together allow customers to unlock autonomous actions across Jira and Confluence with the security, governance, and skills required for AI at scale.\u201d<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Explore hundreds of pre-built, secure enterprise MCP servers at <a href=\"https:\/\/www.workato.com\/agentic\/mcp\">Workato<\/a> and see how easily you can create your own to power AI across your business.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here\u2019s to unlocking the full promise of agentic AI!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><br><em>This post was written by Inimfon Willie. <\/em><a href=\"https:\/\/medium.com\/@iniwillie10\" target=\"_blank\" rel=\"noreferrer noopener\"><em>Inimfon<\/em><\/a><em> is a computer scientist with skills in Javascript, NodeJs, Dart, flutter and Go Language. He is very interested in writing technical documents, especially those centered on general computer science concepts, flutter, and backend technologies. <\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you\u2019ve ever wished that your AI assistant could connect to your tools \u2014 and not just answer questions \u2014 this tutorial is your starting point.&nbsp; In this post, you\u2019ll learn exactly how to configure an MCP server in VS Code so your AI assistants can securely work with real data from your business systems. [&hellip;]<\/p>\n","protected":false},"author":99,"featured_media":10924,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[62],"tags":[],"class_list":["post-2908","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-enterprise-mcp"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Set Up an MCP Server in VS Code: A Step-by-Step Guide - Workato<\/title>\n<meta name=\"description\" content=\"Learn how to set up an MCP server in VS Code, connect GitHub to AI assistants, configure access tokens, test setup, and troubleshoot issues.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog2workato.wpengine.com\/mcp-server-tutorial\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Set Up an MCP Server in VS Code: A Step-by-Step Guide - Workato\" \/>\n<meta property=\"og:description\" content=\"Learn how to set up an MCP server in VS Code, connect GitHub to AI assistants, configure access tokens, test setup, and troubleshoot issues.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog2workato.wpengine.com\/mcp-server-tutorial\/\" \/>\n<meta property=\"og:site_name\" content=\"Workato\" \/>\n<meta property=\"article:published_time\" content=\"2026-08-28T00:53:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-27T15:16:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/workato.com\/the-connector\/wp-content\/uploads\/2026\/09\/tools-for-xyz-1-scaled.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1120\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Inimfon Willie\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Inimfon Willie\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/blog2workato.wpengine.com\\\/mcp-server-tutorial\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog2workato.wpengine.com\\\/mcp-server-tutorial\\\/\"},\"author\":{\"name\":\"Brad Griffith\",\"@id\":\"https:\\\/\\\/www.workato.com\\\/the-connector\\\/#\\\/schema\\\/person\\\/744993c23062654520299fbc1307ebb3\"},\"headline\":\"How to Set Up an MCP Server in VS Code: A Step-by-Step Guide\",\"datePublished\":\"2026-08-28T00:53:00+00:00\",\"dateModified\":\"2026-10-27T15:16:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/blog2workato.wpengine.com\\\/mcp-server-tutorial\\\/\"},\"wordCount\":1481,\"image\":{\"@id\":\"https:\\\/\\\/blog2workato.wpengine.com\\\/mcp-server-tutorial\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/blog2workato.wpengine.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/tools-for-xyz-1-scaled.png\",\"articleSection\":[\"Enterprise MCP\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/blog2workato.wpengine.com\\\/mcp-server-tutorial\\\/\",\"url\":\"https:\\\/\\\/blog2workato.wpengine.com\\\/mcp-server-tutorial\\\/\",\"name\":\"How to Set Up an MCP Server in VS Code: A Step-by-Step Guide - Workato\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.workato.com\\\/the-connector\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/blog2workato.wpengine.com\\\/mcp-server-tutorial\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/blog2workato.wpengine.com\\\/mcp-server-tutorial\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/blog2workato.wpengine.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/tools-for-xyz-1-scaled.png\",\"datePublished\":\"2026-08-28T00:53:00+00:00\",\"dateModified\":\"2026-10-27T15:16:42+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.workato.com\\\/the-connector\\\/#\\\/schema\\\/person\\\/744993c23062654520299fbc1307ebb3\"},\"description\":\"Learn how to set up an MCP server in VS Code, connect GitHub to AI assistants, configure access tokens, test setup, and troubleshoot issues.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/blog2workato.wpengine.com\\\/mcp-server-tutorial\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/blog2workato.wpengine.com\\\/mcp-server-tutorial\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/blog2workato.wpengine.com\\\/mcp-server-tutorial\\\/#primaryimage\",\"url\":\"https:\\\/\\\/blog2workato.wpengine.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/tools-for-xyz-1-scaled.png\",\"contentUrl\":\"https:\\\/\\\/blog2workato.wpengine.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/tools-for-xyz-1-scaled.png\",\"width\":2560,\"height\":1120},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/blog2workato.wpengine.com\\\/mcp-server-tutorial\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/blog2workato.wpengine.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Set Up an MCP Server in VS Code: A Step-by-Step Guide\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.workato.com\\\/the-connector\\\/#website\",\"url\":\"https:\\\/\\\/www.workato.com\\\/the-connector\\\/\",\"name\":\"Workato\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.workato.com\\\/the-connector\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.workato.com\\\/the-connector\\\/#\\\/schema\\\/person\\\/744993c23062654520299fbc1307ebb3\",\"name\":\"Inimfon Willie\",\"description\":\"Share a little biographical information to fill out your profile. This may be shown publicly.Share a little biographical information to fill out your profile. This may be shown publicly.Share a little biographical information to fill out your profile. This may be shown publicly.Share a little biographical information to fill out your profile. This may be shown publicly.\",\"url\":\"https:\\\/\\\/blog2workato.wpengine.com\\\/author\\\/brad-griffithworkato-com\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Set Up an MCP Server in VS Code: A Step-by-Step Guide - Workato","description":"Learn how to set up an MCP server in VS Code, connect GitHub to AI assistants, configure access tokens, test setup, and troubleshoot issues.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blog2workato.wpengine.com\/mcp-server-tutorial\/","og_locale":"en_US","og_type":"article","og_title":"How to Set Up an MCP Server in VS Code: A Step-by-Step Guide - Workato","og_description":"Learn how to set up an MCP server in VS Code, connect GitHub to AI assistants, configure access tokens, test setup, and troubleshoot issues.","og_url":"https:\/\/blog2workato.wpengine.com\/mcp-server-tutorial\/","og_site_name":"Workato","article_published_time":"2026-08-28T00:53:00+00:00","article_modified_time":"2026-10-27T15:16:42+00:00","og_image":[{"width":2560,"height":1120,"url":"https:\/\/workato.com\/the-connector\/wp-content\/uploads\/2026\/09\/tools-for-xyz-1-scaled.png","type":"image\/png"}],"author":"Inimfon Willie","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Inimfon Willie","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/blog2workato.wpengine.com\/mcp-server-tutorial\/#article","isPartOf":{"@id":"https:\/\/blog2workato.wpengine.com\/mcp-server-tutorial\/"},"author":{"name":"Brad Griffith","@id":"https:\/\/www.workato.com\/the-connector\/#\/schema\/person\/744993c23062654520299fbc1307ebb3"},"headline":"How to Set Up an MCP Server in VS Code: A Step-by-Step Guide","datePublished":"2026-08-28T00:53:00+00:00","dateModified":"2026-10-27T15:16:42+00:00","mainEntityOfPage":{"@id":"https:\/\/blog2workato.wpengine.com\/mcp-server-tutorial\/"},"wordCount":1481,"image":{"@id":"https:\/\/blog2workato.wpengine.com\/mcp-server-tutorial\/#primaryimage"},"thumbnailUrl":"https:\/\/blog2workato.wpengine.com\/wp-content\/uploads\/2026\/09\/tools-for-xyz-1-scaled.png","articleSection":["Enterprise MCP"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/blog2workato.wpengine.com\/mcp-server-tutorial\/","url":"https:\/\/blog2workato.wpengine.com\/mcp-server-tutorial\/","name":"How to Set Up an MCP Server in VS Code: A Step-by-Step Guide - Workato","isPartOf":{"@id":"https:\/\/www.workato.com\/the-connector\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog2workato.wpengine.com\/mcp-server-tutorial\/#primaryimage"},"image":{"@id":"https:\/\/blog2workato.wpengine.com\/mcp-server-tutorial\/#primaryimage"},"thumbnailUrl":"https:\/\/blog2workato.wpengine.com\/wp-content\/uploads\/2026\/09\/tools-for-xyz-1-scaled.png","datePublished":"2026-08-28T00:53:00+00:00","dateModified":"2026-10-27T15:16:42+00:00","author":{"@id":"https:\/\/www.workato.com\/the-connector\/#\/schema\/person\/744993c23062654520299fbc1307ebb3"},"description":"Learn how to set up an MCP server in VS Code, connect GitHub to AI assistants, configure access tokens, test setup, and troubleshoot issues.","breadcrumb":{"@id":"https:\/\/blog2workato.wpengine.com\/mcp-server-tutorial\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog2workato.wpengine.com\/mcp-server-tutorial\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog2workato.wpengine.com\/mcp-server-tutorial\/#primaryimage","url":"https:\/\/blog2workato.wpengine.com\/wp-content\/uploads\/2026\/09\/tools-for-xyz-1-scaled.png","contentUrl":"https:\/\/blog2workato.wpengine.com\/wp-content\/uploads\/2026\/09\/tools-for-xyz-1-scaled.png","width":2560,"height":1120},{"@type":"BreadcrumbList","@id":"https:\/\/blog2workato.wpengine.com\/mcp-server-tutorial\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog2workato.wpengine.com\/"},{"@type":"ListItem","position":2,"name":"How to Set Up an MCP Server in VS Code: A Step-by-Step Guide"}]},{"@type":"WebSite","@id":"https:\/\/www.workato.com\/the-connector\/#website","url":"https:\/\/www.workato.com\/the-connector\/","name":"Workato","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.workato.com\/the-connector\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.workato.com\/the-connector\/#\/schema\/person\/744993c23062654520299fbc1307ebb3","name":"Inimfon Willie","description":"Share a little biographical information to fill out your profile. This may be shown publicly.Share a little biographical information to fill out your profile. This may be shown publicly.Share a little biographical information to fill out your profile. This may be shown publicly.Share a little biographical information to fill out your profile. This may be shown publicly.","url":"https:\/\/blog2workato.wpengine.com\/author\/brad-griffithworkato-com\/"}]}},"_links":{"self":[{"href":"https:\/\/blog2workato.wpengine.com\/wp-json\/wp\/v2\/posts\/2908","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog2workato.wpengine.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog2workato.wpengine.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog2workato.wpengine.com\/wp-json\/wp\/v2\/users\/99"}],"replies":[{"embeddable":true,"href":"https:\/\/blog2workato.wpengine.com\/wp-json\/wp\/v2\/comments?post=2908"}],"version-history":[{"count":8,"href":"https:\/\/blog2workato.wpengine.com\/wp-json\/wp\/v2\/posts\/2908\/revisions"}],"predecessor-version":[{"id":16866,"href":"https:\/\/blog2workato.wpengine.com\/wp-json\/wp\/v2\/posts\/2908\/revisions\/16866"}],"wp:attachment":[{"href":"https:\/\/blog2workato.wpengine.com\/wp-json\/wp\/v2\/media?parent=2908"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog2workato.wpengine.com\/wp-json\/wp\/v2\/categories?post=2908"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog2workato.wpengine.com\/wp-json\/wp\/v2\/tags?post=2908"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}