TRAE Work可一键将网页转为手机App:先本地预览确保网页正常运行,再安装启用PWA打包技能,输入/build-pwa指令触发构建,最后导出/dist-pwa/文件夹并用安卓浏览器添加到主屏幕完成安装。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

你想把刚做好的网页一键变成手机能装、能点、能分享的App,不用写代码、不配环境、不找开发,TRAE Work就能直接走通这条路径。
确认网页已生成并可本地预览
在 TRAE Work 中完成网页内容输入或文件上传后,点击右上角「预览」按钮,确保页面能在本地浏览器中正常打开、交互流畅。这一步没通过,后续打包成 App 会白忙——【网页必须能跑通,否则打包后的 App 启动即黑屏】。
如果预览报错或样式错乱,先回退修改内容,不要跳过验证直接进下一步。
安装并启用 PWA 打包技能
方法一:在 TRAE Work 桌面端左下角点击「技能市场」→ 搜索框输入「pwa」→ 找到官方技能「byted-bp-pwa-builder」→ 点击「安装」→ 安装完成后勾选启用。
方法二:若已安装但未启用,在「设置 → 技能管理」中找到该技能,手动开启开关。注意:该技能依赖 TRAE Work v2.4.0 及以上版本,旧版桌面端需先更新。
触发 PWA 构建流程
第一步:确保当前项目处于已打开状态(左侧资源管理器显示项目名),且网页 HTML 文件在根目录下(如 index.html)。
第二步:在对话框输入指令:/build-pwa,回车。
第三步:AI 会自动读取网页标题、图标素材(若无图标,将生成默认蓝色 logo)、主题色,并弹出配置面板。你只需确认名称、描述、启动画面风格,其余保持默认即可。
这一步操作起来很简单,直接点「确定」就行,系统会在后台自动生成 manifest.json、service-worker.js 和适配图标集。
导出可安装的 App 包
构建完成后,TRAE Work 自动在项目根目录下生成 /dist-pwa/ 文件夹。
进入该文件夹,你会看到一个 .zip 压缩包,解压后得到完整 PWA 目录结构:含 index.html、manifest.json、icons/、sw.js 等全部文件。
用任意支持 PWA 的安卓手机浏览器(Chrome 或 Edge)访问本机局域网地址,例如 http://192.168.x.x:3000/dist-pwa/,页面加载完成后,点击浏览器菜单 → 「添加到主屏幕」→ 完成安装。


















