应用介绍
在浏览器里编辑 HTML / CSS / JS 三个文件、预览效果，并把项目发布成平台应用的在线编辑器。
它解决什么问题
想给自己做一个小页面——一个活动页、一个计算器、一个给 AI 应用用的对话界面——本地开发那条链路其实不短：装环境、起服务、找地方部署、再把网址发出去。如果目的只是"把想法跑起来看看"，这套流程的成本比想法本身高得多。
这个工具把它压成四步：新建项目、写代码、保存、发布。编辑区用的是 Monaco Editor（VS Code 的同款编辑器组件），语法高亮、自动补全与错误提示都在；左侧在 HTML / CSS / JS 之间切换，点「预览」可在侧栏 iframe 里看到渲染结果；项目留在账号下，有历史版本可以对照；确认后填写应用名称与描述提交发布，审核通过后就成为平台内可以访问的应用。
边界也要说清楚：这里是三个文件的原生前端代码，没有依赖管理、构建流程、终端与调试器，所以它适合小而完整的单页作品，不适合多模块工程。
核心功能
- 三文件编辑：HTML / CSS / JS 三个页签切换，顶栏显示当前文件类型；编辑器基于 Monaco Editor，深色主题，带小地图、自动换行与 Tab 2 空格。
- 预览：点「预览」在左侧面板打开 iframe，按项目已保存的 HTML + CSS + JS 渲染页面，再点一次收起。
- 保存：把当前文件内容提交到项目，支持 Ctrl / Cmd + S 快捷键。
- 版本历史：每个项目有独立的历史记录页，按时间倒序列出改动版本，用左右对照的 diff 查看当前代码与历史版本的差异，支持分页加载更多。
- 工程管理：新建项目、切换项目、编辑项目名称与描述、删除项目；删除已发布的项目会同时下架对应应用。
- 发布与下载：发布时填写应用名称、英文名、Logo、展示图与描述，提交后等待管理员审核；也可以把当前文件下载到本地。
怎么用
- 1打开
/wit-lab/ide，在左侧「工程管理」里新建项目，填项目名称与描述。 - 2在 HTML / CSS / JS 页签之间切换编写代码，按 Ctrl / Cmd + S 保存。
- 3点「预览」在侧栏查看渲染效果；改完代码要先保存再预览。
- 4需要回看改动时进入「历史记录」，用左右对照查看版本差异。
- 5点「发布」填写应用名称、英文名、Logo、展示图与描述，确认提交。
- 6发布后回到「工程管理」查看状态：草稿 / 审核中 / 已发布。
常见问题
Q：编辑器用的是 Monaco Editor 吗？
A：是。模块加载 Monaco Editor（vs-dark 主题），因此具备语法高亮、自动补全、错误提示与小地图等能力。
Q：预览是边写边更新的吗？
A：不是。预览面板渲染的是项目当前已保存的内容，改完代码要先保存（Ctrl / Cmd + S）再点「预览」。
Q：发布后马上就能访问吗？
A：不是。提交后状态为「审核中」，管理员审核通过才会在平台展示；已发布的项目在「工程管理」里可以用外链图标访问。
Q：可以用 npm 包、框架或构建工具吗？
A：不可以。只有 HTML、CSS、JS 三个文件，没有依赖安装、打包构建、终端与调试器。
Q：代码存在哪里？
A：存在平台账号下，项目按 appid 记录，历史版本单独留存；换设备登录同一账号可以继续编辑。