diff --git a/TUICallKit-Vue3/.gitignore b/TUICallKit-Vue3/.gitignore
index 41875562..937db4ac 100644
--- a/TUICallKit-Vue3/.gitignore
+++ b/TUICallKit-Vue3/.gitignore
@@ -10,6 +10,7 @@ lerna-debug.log*
node_modules
.DS_Store
dist
+unpackage/dist
*.local
# Editor directories and files
diff --git a/TUICallKit-Vue3/README.md b/TUICallKit-Vue3/README.md
index 0d829754..8fdc0110 100644
--- a/TUICallKit-Vue3/README.md
+++ b/TUICallKit-Vue3/README.md
@@ -1,6 +1,30 @@
## 简介
本 demo 演示了如何在 uni-app 项目中集成 [TUICallKit](https://www.npmjs.com/package/@trtc/calls-uikit-wx-uniapp) 音视频通话组件。
+## 两种开发方式
+
+本工程同时支持 **HBuilderX** 和 **命令行 (vite)** 两套编译链路,二选一即可。
+
+### 方式 A:命令行 (vite)
+
+```bash
+npm install # 安装依赖
+npm run dev:mp-weixin # watch 模式,产物 dist/dev/mp-weixin
+npm run build:mp-weixin # 生产构建,产物 dist/build/mp-weixin
+```
+
+构建完成后用微信开发者工具打开对应 `dist/.../mp-weixin` 目录即可。
+
+支持平台:`mp-weixin` / `h5` / `app`(脚本里有 dev/build 两组)。
+
+### 方式 B:HBuilderX
+
+HBuilderX 3.4+ 会自动识别 `vite.config.ts` 并切换到 vite 编译模式。
+
+1. 用 HBuilderX 打开工程根目录
+2. 菜单「运行」→「运行到小程序模拟器」→「微信开发者工具」
+3. 产物会输出到 `unpackage/dist/dev/mp-weixin`
+
## 环境准备
diff --git a/TUICallKit-Vue3/components/dev-training-entry/index.vue b/TUICallKit-Vue3/components/dev-training-entry/index.vue
index f5a82248..b0e23666 100644
--- a/TUICallKit-Vue3/components/dev-training-entry/index.vue
+++ b/TUICallKit-Vue3/components/dev-training-entry/index.vue
@@ -14,9 +14,49 @@
-->
+
+
+
+
+
+