客户支持协同台（混写示例）

该示例用于演示 VuReact 在真实业务场景下的“可控混写”能力：

• 技术栈：Vue + Vue Router + Ant Design（React）+ Zustand（React） + Sass + dayjs + fusejs
• 场景：客服工单协同流程（列表、详情、知识库、SLA）
• 页面：登录、总览、工单列表、客户管理、坐席管理、知识库、SLA 看板、设置

编译产物最终为纯 React 应用，不包含任何运行时封装层，例如在 React 中嵌入 Vue 运行时容器。

简体中文 | English

开始使用

注意事项

• 若 vureact(watch) 监听任务未运行，请在项目根目录执行 pnpm vr:watch，否则 Vue 端的修改将无法同步至 React 应用。

• 在 CodeSandbox 在线环境中，通常无需手动执行以下步骤。若预览页面未能正常启动，请进入 .vureact/react-app/ 目录并运行 npm run dev 即可。

Step 1: 运行 VuReact 构建

• 安装依赖

npm install

• 执行编译

# 方式一：vureact 全量编译
npm run vr:build

# 方式二：vureact 增量编译（监听模式）
npm run vr:watch

Step 2: 运行 React App

• 进入工作区构建产物目录

cd .vureact/react-app/

• 安装依赖

npm install

• 启动 Vite dev 服务，并访问如 http://localhost:5173

npm run dev

官方教程

https://www.vureact.top/guide/customer-support-hub.html