feat(vite): support .vscode/mcp.json

Author: antfu

packages/nuxt-mcp/README.md

@@ -21,11 +21,12 @@ export default defineNuxtConfig({
 
 Then the MCP server will be available at `http://localhost:3000/__mcp/sse`.
 
-If you are using Cursor, create a `.cursor/mcp.json` file in your project root, this plugin will automatically update it for you.
+- If you are using VSCode, create a `.vscode/mcp.json` file in your project root, this plugin will automatically update it for you.
+- If you are using Cursor, create a `.cursor/mcp.json` file in your project root, this plugin will automatically update it for you.
 
 ## Module Hooks
 
-For other modules to provide information to MCP, you can use the `mcp:setup` hook.
+For other modules to provide additional information to MCP, you can use the `mcp:setup` hook.
 
 ```ts
 // src/module.ts

packages/nuxt-mcp/src/module.ts

@@ -15,6 +15,12 @@ export interface ModuleOptions {
    * @default true
    */
   updateCursorMcpJson?: boolean
+  /**
+   * Update MCP url to `.vscode/mcp.json` automatically
+   *
+   * @default true
+   */
+  updateVSCodeMcpJson?: boolean
 }
 
 export interface ModuleHooks {
@@ -28,6 +34,7 @@ export default defineNuxtModule<ModuleOptions>({
   },
   defaults: {
     updateCursorMcpJson: true,
+    updateVSCodeMcpJson: true,
   },
   async setup(options, nuxt) {
     const unimport = promiseWithResolve<Unimport>()
@@ -46,6 +53,10 @@ export default defineNuxtModule<ModuleOptions>({
         enabled: !!options.updateCursorMcpJson,
         serverName: 'nuxt',
       },
+      updateVSCodeMcpJson: {
+        enabled: !!options.updateVSCodeMcpJson,
+        serverName: 'nuxt',
+      },
       mcpServerInfo: {
         name: 'nuxt',
         version,

packages/vite-plugin-mcp/README.md

@@ -24,7 +24,8 @@ export default defineConfig({
 
 Then the MCP server will be available at `http://localhost:5173/__mcp/sse`.
 
-If you are using Cursor, create a `.cursor/mcp.json` file in your project root, this plugin will automatically update it for you.
+- If you are using VSCode, create a `.vscode/mcp.json` file in your project root, this plugin will automatically update it for you.
+- If you are using Cursor, create a `.cursor/mcp.json` file in your project root, this plugin will automatically update it for you.
 
 ## Sponsors
 

packages/vite-plugin-mcp/src/index.ts

@@ -13,6 +13,7 @@ export function ViteMcp(options: ViteMcpOptions = {}): Plugin {
   const {
     mcpPath = '/__mcp',
     updateCursorMcpJson = true,
+    updateVSCodeMcpJson = true,
     printUrl = true,
     mcpServer = (vite: ViteDevServer) => import('./server').then(m => m.createMcpServerDefault(options, vite)),
   } = options
@@ -21,6 +22,10 @@ export function ViteMcp(options: ViteMcpOptions = {}): Plugin {
     ? { enabled: updateCursorMcpJson }
     : updateCursorMcpJson
 
+  const vscodeMcpOptions = typeof updateVSCodeMcpJson == 'boolean'
+    ? { enabled: updateVSCodeMcpJson }
+    : updateVSCodeMcpJson
+
   return {
     name: 'vite-plugin-mcp',
     async configureServer(vite) {
@@ -44,6 +49,21 @@ export function ViteMcp(options: ViteMcpOptions = {}): Plugin {
         }
       }
 
+      if (vscodeMcpOptions.enabled) {
+        const vscodeConfig = join(root, '.vscode/settings.json')
+        if (existsSync(vscodeConfig)) {
+          const mcp = existsSync(join(root, '.vscode/mcp.json'))
+            ? JSON.parse(await fs.readFile(join(root, '.vscode/mcp.json'), 'utf-8') || '{}')
+            : {}
+          mcp.servers ||= {}
+          mcp.servers[vscodeMcpOptions.serverName || 'vite'] = {
+            type: 'sse',
+            url: sseUrl,
+          }
+          await fs.writeFile(join(root, '.vscode/mcp.json'), `${JSON.stringify(mcp, null, 2)}\n`)
+        }
+      }
+
       if (printUrl) {
         setTimeout(() => {
           // eslint-disable-next-line no-console

packages/vite-plugin-mcp/src/types.ts

@@ -57,4 +57,18 @@ export interface ViteMcpOptions {
      */
     serverName?: string
   }
+
+  /**
+   * Update the address of the MCP server in the VSCode config file `settings.json`,
+   * if VSCode config file exists.
+   *
+   * @default true
+   */
+  updateVSCodeMcpJson?: boolean | {
+    enabled: boolean
+    /**
+     * The name of the MCP server, default is `vite`
+     */
+    serverName?: string
+  }
 }