概要
本 Demo 是一个基于 Vue3 的示例工程，整合了腾讯云 Chat 等多项产品能力。通过本指南，您可以快速体验即时通讯、实时音视频场景，并将其作为您未来项目集成的参考。
工程结构说明
Demo 工程目前包含三个主要页面：
src/pages/Home: 首页，产品简介并提供各个场景的入口。src/pages/stages: 舞台页，用于展示 RTCube 的各个场景，目前包含 Chat 场景。src/pages/login: 登录页，用于登录 RTCube，目前支持通过输入 UserID\\SDKAppID\\SecretKey 登录。Chat 场景：
src/scenes/Chat: 聊天场景，也是 Chat Demo 代码的入口，可以在该目录下找到参考代码。开发环境要求
Node.js：要求版本 ≥ 18（建议使用 LTS 版本 node.js@^22.0.0）
快速开始
步骤1：下载源码并跑通项目
git clone https://github.com/Tencent-RTC/TUIKit_Vue3.gitcd ./TUIKit_Vue3/demos/web-vite-vue3npm inpm run dev
步骤2：获取鉴权信息
项目启动后，点击任意产品卡片，将跳转到登录页，需要您填写 SDKAppID、UserID 和 SecretKey。
获取 SDKAppID
1. 登录 即时通信 IM 控制台，在应用管理页面，点击创建新应用。（如果您已有应用，可以跳过创建应用）
2. 输入应用名称并选择合适的数据中心，完成创建。
3. 在应用管理页面中，即可找到新应用的 SDKAppID。
获取 secretKey
在操作列单击查看密钥，在弹出的对话框中，单击显示密钥并复制 secretKey。
注意：
密钥信息为敏感信息，为防止他人盗用，请妥善保管，谨防泄露。
创建并获取 UserID
步骤3：体验单聊和群聊功能
登录完成后会自动跳转到 Chat 场景，可以体验聊天功能。
体验单聊功能：搜索好友并发送你的第一条消息
体验群聊功能：创建群聊并发送一条消息
相关文档
官方文档：
npm 包：
GitHub：
技术支持：
