Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>AIReview VS Code ServerNew to Visual Studio Code? Get it now.
AIReview VS Code Server

AIReview VS Code Server

ycteng

|
1 install
| (0) | Free
VS Code server for AIReview - vue MCP tool for helping models understand your Vue app better
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

AIReview VS Code Server

这是 AIReview 的 VS Code 服务器扩展,用于接收来自 vite 插件的请求,并在 VS Code 中执行 AI 编辑操作。

功能

  • 提供 HTTP 服务器,接收来自 vite 插件的请求
  • 支持 WebSocket 连接,实现实时通信
  • 集成 Cursor AI 功能,执行代码编辑操作
  • 自动在 VS Code 启动时启动服务器
  • 智能端口管理:自动读取项目配置文件中的端口设置,避免多实例冲突

端口配置

自动端口管理

插件现在使用项目级别的端口配置文件 .aireview-port.json,该文件位于项目根目录。

{
  "vscodeServerPort": 5012,
  "projectName": "my-project",
  "lastUpdated": 1672531200000
}

端口分配机制

  1. Vite 插件负责端口检测:在项目启动时,Vite 插件会检查端口是否可用
  2. 自动递增端口:如果默认端口 5011 被占用,会自动寻找下一个可用端口
  3. 配置文件共享:VSCode 插件和 Vite 插件共享同一个配置文件
  4. 多项目隔离:每个项目都有自己的端口配置,避免冲突

配置文件结构

  • vscodeServerPort: VSCode 服务器端口号
  • projectName: 项目名称(可选)
  • lastUpdated: 最后更新时间戳

配置项

在 VS Code 设置中仍可配置以下选项(仅作为后备):

  • @aireview/vscode-server.message: 显示在通知中的消息

注意:端口配置现在主要通过项目配置文件管理,VSCode 设置中的端口配置已弃用。

命令

此扩展提供以下命令:

  • @aireview/vscode-server.startServer: 启动 AIReview 服务器
  • @aireview/vscode-server.stopServer: 停止 AIReview 服务器
  • @aireview/vscode-server.helloWorld: 显示欢迎消息

API 接口

HTTP 接口

健康检查

GET /ping

响应:

pong

AI 编辑

POST /ai-edit
Content-Type: application/json

{
  "filePath": "/path/to/file.js",
  "prompt": "添加一个函数来计算两个数字的和"
}

响应:

{
  "success": true,
  "message": "已成功使用Cursor AI执行编辑请求"
}

WebSocket 接口

连接到 ws://localhost:3333 后,可以发送以下消息:

AI 编辑请求

{
  "type": "ai-edit",
  "id": "unique-request-id",
  "filePath": "/path/to/file.js",
  "prompt": "添加一个函数来计算两个数字的和"
}

响应:

{
  "type": "ai-edit-response",
  "id": "unique-request-id",
  "success": true,
  "message": "已成功使用Cursor AI执行编辑请求"
}

与 vite 插件集成

在 vite 插件中,可以通过以下方式连接到服务器:

import axios from 'axios'

// 发送 HTTP 请求
async function sendAIEditRequest(filePath, prompt) {
  try {
    const response = await axios.post('http://localhost:3333/ai-edit', {
      filePath,
      prompt
    })
    return response.data
  }
  catch (error) {
    console.error('Error sending AI edit request:', error)
    return { success: false, error: error.message }
  }
}

// 或使用 WebSocket
function connectToVSCodeServer() {
  const ws = new WebSocket('ws://localhost:3333')

  ws.onopen = () => {
    console.log('Connected to VS Code server')
  }

  ws.onmessage = (event) => {
    const data = JSON.parse(event.data)
    console.log('Received message:', data)
  }

  ws.onclose = () => {
    console.log('Disconnected from VS Code server')
  }

  return ws
}
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft