Add VS Code support

README.md

@@ -14,6 +14,7 @@ npx @magicuidesign/cli@latest install <client>
 
 ### Supported Clients
 
+- [x] vscode
 - [x] cursor
 - [x] windsurf
 - [x] claude

src/config.ts

@@ -39,6 +39,12 @@ export const clientPaths: Record<string, string> = {
   ),
   windsurf: path.join(homeDir, ".codeium", "windsurf", "mcp_config.json"),
   cursor: path.join(homeDir, ".cursor", "mcp.json"),
+  vscode: path.join(
+    baseDir,
+    vscodePath,
+    "..",
+    "settings.json",
+  ),
 };
 
 export const createPlatformCommand = (passedArgs: string[]) => {

src/types.ts

@@ -3,14 +3,16 @@ export type ValidClient =
   | "cline"
   | "roo-cline"
   | "windsurf"
-  | "cursor";
+  | "cursor"
+  | "vscode";
 
 export const VALID_CLIENTS: ValidClient[] = [
   "claude",
   "cline",
   "roo-cline",
   "windsurf",
   "cursor",
+  "vscode",
 ];
 
 export interface ServerConfig {

src/utils.ts

@@ -41,7 +41,7 @@ export function writeConfig(client: ValidClient, config: ClientConfig): void {
     throw new Error("Invalid mcpServers structure");
   }
 
-  let existingConfig: ClientConfig = { mcpServers: {} };
+  let existingConfig: any = {};
   try {
     if (fs.existsSync(configPath)) {
       existingConfig = JSON.parse(fs.readFileSync(configPath, "utf8"));
@@ -58,5 +58,21 @@ export function writeConfig(client: ValidClient, config: ClientConfig): void {
     },
   };
 
-  fs.writeFileSync(configPath, JSON.stringify(mergedConfig, null, 2));
+  const mergedServers = {
+    ...existingConfig.mcp?.servers,
+    ...config.mcpServers
+  };
+
+  // For VS Code, preserve all existing settings and just update mcp.servers
+  const finalConfig = client === "vscode" 
+    ? {
+        ...existingConfig,
+        mcp: {
+          ...existingConfig.mcp,
+          servers: mergedServers
+        }
+      }
+    : mergedConfig;
+
+  fs.writeFileSync(configPath, JSON.stringify(finalConfig, null, 2));
 }