VS_CODE_SETUP.md•3.34 kB
# VS Code MCP Setup Guide
## ✅ Configuration Files Created
The following files have been created to integrate the Ember MCP server with VS Code:
1. **`.vscode/mcp.json`** - Workspace-specific MCP configuration
2. **`.vscode/settings.json`** - VS Code workspace settings with MCP config
3. **`.vscode/tasks.json`** - Task to start the MCP server
## 🚀 How to Activate the MCP Server
### Option 1: Automatic (Recommended)
VS Code should automatically detect and load the MCP server from the workspace configuration.
### Option 2: Manual Activation
1. **Open Command Palette**: `Cmd+Shift+P` (macOS) or `Ctrl+Shift+P` (Windows/Linux)
2. **Search for MCP commands**:
- Type "MCP" to see available Model Context Protocol commands
- Look for commands like:
- "MCP: Reload Servers"
- "MCP: Show Server Status"
- "MCP: Connect to Server"
3. **Start the server task** (if needed):
- Open Command Palette: `Cmd+Shift+P`
- Type "Tasks: Run Task"
- Select "Start Ember MCP Server"
## 🔧 Configuration Details
### MCP Server Configuration
```json
{
"servers": {
"ember": {
"command": "node",
"args": ["./dist/index.js"],
"env": {
"NODE_ENV": "production"
}
}
}
}
```
### Available Tools
Once connected, you'll have access to these Ember tools:
- `check_ember_cli` - Verify ember-cli installation
- `run_ember_command` - Execute ember CLI commands
- `get_ember_help` - Get ember command help
- `list_ember_codemods` - Browse available codemods
- `run_codemod` - Execute codemods
- `search_ember_docs` - Search Ember documentation
- `get_ember_guides` - Access Ember guides
- `get_community_resources` - Browse community resources
- `search_ember_addons` - Search for Ember addons
## 🔍 Verification Steps
1. **Check if MCP is working**:
- Open VS Code's Output panel (`View > Output`)
- Select "Model Context Protocol" from the dropdown
- Look for connection messages
2. **Test the server**:
- Use the language model/chat feature in VS Code
- Try asking about Ember.js or request to run ember commands
- The MCP server should provide relevant tools and resources
## 🛠️ Troubleshooting
### If the server doesn't start:
1. Ensure the project is built: `npm run build`
2. Check the Output panel for error messages
3. Verify the file path in the configuration
4. Try running the server manually: `node dist/index.js`
### If tools aren't available:
1. Check that VS Code supports MCP (VS Code Insiders or recent versions)
2. Reload the window: `Developer: Reload Window`
3. Check the MCP output panel for connection status
## 📁 Files Structure
```
.vscode/
├── mcp.json # MCP server configuration
├── settings.json # Workspace settings
└── tasks.json # VS Code tasks
dist/
└── index.js # Compiled MCP server
src/
└── index.ts # Source code
```
## 🎉 You're All Set!
The Ember MCP server is now configured for your VS Code workspace. You can:
- Generate Ember components, routes, services
- Run codemods to modernize your code
- Search documentation and community resources
- Find and install Ember addons
- Get help with ember-cli commands
Try asking VS Code's language model about Ember.js development, and it should have access to all these powerful tools!