HCY Blog

项目

在线 C 语言编辑器

简洁、现代的在线 C 语言编译环境:浏览器中编写/格式化/运行,适合教学演示,也方便未安装编译器(尤其是 Mac 用户)快速学习。

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
  • 便捷交互:输入/输出侧栏、移动端适配

链接