Updated 2026-01-14 Demo / Link
MonacoWASMUncrustifyGitHub Pages
概览
直接在浏览器里写 C、运行、看输入输出;并提供格式化与更好的编辑体验(Monaco + Uncrustify WASM)。
我做了什么
- 实现“在线编写 → 运行 → 展示输出”的完整交互闭环,适配教学/演示场景
- 面向“没装编译器也能用”为目标,降低环境配置成本,尤其方便 macOS 用户快速上手 C
- 集成 Monaco 编辑器与格式化链路(Uncrustify WASM),把编辑体验做到接近本地 IDE
- 通过 GitHub Pages 持续部署,让项目可随时分享与访问
技术要点
- 编辑器:Monaco(高亮/快捷键/主题),并针对小屏/移动端做布局适配
- 格式化:Uncrustify 编译到 WASM,前端直接调用以保证体验与一致性
- 运行链路:前端负责编辑/格式化/请求与输出渲染,运行结果以标准输入/输出模型呈现
功能亮点
- 零安装:纯前端运行,打开即用
- 编辑体验:Monaco 编辑器(高亮/快捷键/主题)
- 代码格式化:Uncrustify WASM
- 便捷交互:输入/输出侧栏、移动端适配