WebCat 工程目录结构速览

从一个空工程说起

在首页点右下角 + 号新建工程，输入名字后 WebCat 会创建一个默认结构。典型的静态网页工程大概长这样：

my-project/
├── index.html        首页文件（自动创建）
├── css/              样式文件夹（可能自动建，也可能自己建）
├── js/               脚本文件夹（同上）
├── images/           图片资源文件夹
├── manifest.json     打包 APK 时用的配置文件
└── ...               你自己新建的其他文件和子目录

每一项是干什么的

index.html

工程入口文件，新建工程时自动生成一个最小骨架。点运行时 WebCat 默认加载它作为预览起点。

css/ 和 js/

不是必须的文件夹，但按惯例样式和脚本各放一个子目录更清爽。你也可以不建这两个目录，直接把 CSS/JS 写在 HTML 的 <style> / <script> 标签里。

images/

存放页面引用的图片。和 css/、js/ 一样是约定俗成的目录——不是强制要求，页面里写的图片路径要和实际目录结构对上就行。

manifest.json

这个文件是 WebCat 打包 APK 的关键配置。如果你只是写静态网页，它默认的内容够用不用改；如果你想自定义包名、应用图标、权限声明，就得进这个文件改。具体字段和修改方法见 manifest.json 配置。

工程管理界面的基本操作

在首页的工程列表里，每个工程卡片支持：

• 点击：进入工程文件列表
• 长按或更多菜单：重命名、删除、导出 ZIP
• 右上角菜单：新建文件夹、新建文件

和电脑上的项目结构兼容吗

WebCat 的工程就是普通的文件夹和文件，没有特殊的工程文件格式——你用 ZIP 导出后，在电脑上解压就能直接用 VS Code / Sublime 打开编辑。反过来也成立：把电脑上写好的项目打包成 ZIP，用 WebCat 导入就能继续在手机上开发。

唯一要注意的是 manifest.json——这是 WebCat 特有（用于打包配置）的文件，不影响电脑端编辑，但在别的编辑器里它就是一个普通 JSON 文件。