Set up Shopify MCP in VS Code
Interact with Shopify Admin GraphQL API to manage products, orders, customers, inventory, and store data from your AI editor.
1
Locate the config file
VS Code reads MCP server configuration from the following file:
.vscode/settings.json → mcp sectionCreate this file if it does not already exist. For VS Code, this is inside your workspace .vscode/settings.json file under the mcp section.
2
Add the configuration
Add the following to your VS Code config file:
json
{
"servers": {
"shopify-mcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@shopify/dev-mcp"
],
"env": {
"SHOPIFY_ACCESS_TOKEN": "YOUR_SHOPIFY_ACCESS_TOKEN",
"SHOPIFY_STORE_DOMAIN": "YOUR_SHOPIFY_STORE_DOMAIN"
}
}
}
}3
Set up environment variables
Shopify MCP requires the following environment variables:
SHOPIFY_ACCESS_TOKENRequiredShopify Admin API access token
SHOPIFY_STORE_DOMAINRequiredYour Shopify store domain (e.g. my-store.myshopify.com)
4
Verify it works
Restart VS Code. Shopify MCP should appear in your MCP server list with 12 tools available.
This server adds approximately 6,180 tokens to your context window for tool definitions.