开发与创造力
4 个应用涵盖了直接在浏览器中的轻量级编程和视觉创作。代码编辑使用与 VS Code 相同的引擎，调试服务使用 Postman 风格的 API 客户端，线框图和头脑风暴使用响应式绘图工具。
👨💻 Roque Code — 代码编辑器（Monaco/VS Code 引擎）
带 与 VS Code 相同引擎（Monaco）的现代代码编辑器。语法高亮、自动完成、多光标、带正则表达式的查找与替换 — 无需安装任何东西。
功能
- 🎨 50+ 语言的语法高亮 — JS/TS、Python、Go、Rust、Java、C/C++、Ruby、PHP、Swift、Kotlin、Shell、SQL、HTML/CSS、JSON/YAML/TOML、Markdown、Vue、Svelte、Astro 等
- 🤖 IntelliSense 自动完成: 作用域中的变量、对象属性、语言代码片段
- ✨ 多光标:
Alt+Click添加光标，Ctrl+D选择下一个出现（与 VS Code 相同） - 🔍 查找与替换 带正则表达式 (Ctrl+F / Ctrl+H)、仅在选择中查找
- 📑 多个文件在标签页中（Ctrl+Tab 切换）
- 🌳 大纲面板 带文件符号（函数、类）
- 🪄 保存时格式化 带嵌入的 Prettier 用于
.js/.ts/.vue/.json/.md - 🎨 主题: VS Code 默认 + Dracula + Monokai + Solarized
- 💾 自动保存 每 3 秒（即使浏览器崩溃也不丢失代码）
与完整 VS Code 的区别
| 方面 | Roque Code | VS Code（专用应用程序） |
|---|---|---|
| 引擎 | Monaco（与 VSCode 相同） | Electron + Monaco |
| 扩展 | ❌ 不支持市场 | ✅ 所有 |
| 嵌入式终端 | ❌（使用单独的 Terminal 应用） | ✅ |
| Git 集成 | ❌ | ✅ |
| 支持的语言 | 50+ 语法高亮 | 100+ + LSP |
使用 Roque Code: 编辑配置 (json/yaml)、快速脚本、原型设计、博客文章代码片段。
带 Git 的全栈项目: 使用 RoqueOS Server 的集成 VS Code — 带扩展的真实 code-server。
快捷键
| 键 | 操作 |
|---|---|
Ctrl+S | 保存 |
Ctrl+F / Ctrl+H | 查找 / 替换 |
Ctrl+D | 选择下一个出现 |
Ctrl+/ | 切换注释 |
Alt+↑/↓ | 上下移动行 |
Shift+Alt+↓ | 复制行 |
Ctrl+Shift+K | 删除行 |
Ctrl+P | 快速打开（按文件搜索） |
🛠️ Roqueman — API 客户端（HTTP / WebSocket / GraphQL）
完整的 Postman/Insomnia 风格 API 客户端，但在 RoqueOS 内部。支持 3 种协议，开发者每天都在使用。
HTTP
- 🌐 方法: GET、POST、PUT、PATCH、DELETE、OPTIONS、HEAD
- 📋 标头: 表格编辑器，带默认标头建议（Content-Type、Authorization 等）
- 🔐 认证: Bearer Token、Basic、API Key（header/query/cookie）、OAuth 2.0、AWS Signature v4
- 📦 Body: JSON、form-data、x-www-form-urlencoded、raw text、文件上传、binary
- 📜 响应: 带折叠的格式化 JSON、raw、HTML 预览、标头、cookies、时序
- 🔍 JSON 路径过滤: 直接在响应中应用
$.data[0].nome以进行快速调试 - 🕰️ 历史 最后 100 个请求
- 📚 集合: 在文件夹中组织端点，导出/导入 Postman 格式
WebSocket
- 🔌 连接:
ws://或wss://，与 HTTP 相同的 headers/auth - 📤 发送: 文本、JSON、二进制
- 📥 接收: 按时间顺序的带时间戳的消息列表
- 🎯 过滤: 按子字符串或正则表达式过滤接收的消息
- 🔄 自动重连: 可选，带退避
GraphQL
- 📝 查询编辑器 带语法高亮 + 基于 schema 的自动完成（introspection）
- 🔍 Schema 探索器: 可导航的可用 types/fields 树
- 📊 变量面板: 用于值的单独 JSON
- 📜 保存的查询（带版本控制）
环境变量
创建带变量如 、 的环境（Dev、Staging、Prod）。URL 和标头自动替换。切换环境 = 点击下拉菜单。
与 Postman 的差异
- ✅ 无强制登录 — Postman 现在要求账户
- ✅ 数据保留在您的 RoqueOS 中（Firestore），而不是第三方服务器
- ✅ 在桌面内运行 — 可以并排放 Roqueman + Terminal + Browser
- ✅ 跨设备 自动同步（移动、桌面等）
限制
- 无 mock 服务器（Postman 有）
- 无 CI 运行器 (Newman) — 对于自动化测试，导出 Postman 并使用外部 Newman
🎨 Paint — 图像编辑器和绘图
带笔刷、形状、图层和滤镜的响应式 Web Paint。用一些基本的 Photoshop 功能替换 "Windows Paint"。
功能
- 🖌️ 笔刷: 铅笔、钢笔、记号笔、喷雾、橡皮擦。每个都有大小/不透明度
- 🎨 颜色: HEX 选择器 + 调色板 + 滴管（从图像中获取颜色）
- 📐 形状: 矩形、圆、线、箭头、多边形（填充和轮廓分开）
- ✏️ 文本: 5 种嵌入字体 + 大小 + 粗体/斜体
- 🗂️ 图层: 多达 10 层，带单独的不透明度 + 混合模式（normal / multiply / screen）
- ↩️ 无限撤销/重做（直到关闭应用）
- 🎭 滤镜: blur、sharpen、grayscale、sepia、brightness、contrast、hue rotate
- 📐 调整大小 / 裁剪 带参考线
- 💾 导出: PNG、JPG（带质量）、WebP、SVG（仅矢量图层）
用例
- 快速屏幕模型或线框图
- 注释截图以便团队理解错误
- 简单的徽标 / Instagram 横幅
- 编辑个人照片（调整大小、裁剪、颜色调整）
对于专业设计，请使用 Figma 或 Photoshop。对于快速润色，Paint 涵盖 80% 的情况。
📋 Whiteboard — 头脑风暴的无限板
带无限画布的白板，非常适合组织想法、思维导图、流程图、团队回顾。
功能
- ♾️ 无限画布: 向任何方向拖动，缩放 25%-400%
- 🖌️ 自由笔（在 Apple Pencil / S Pen 上压力敏感）
- 📐 形状: 带自动捕捉的箭头、矩形、圆、线
- ✏️ 彩色便签: 拖放以重新定位
- 🔗 连接器: 移动时跟随形状的线/箭头（思维导图必不可少）
- 📷 图像: 直接粘贴截图 (Ctrl+V) 或上传
- 👥 多指针（已规划）: 在同一板上具有不同光标的多个用户
- 💾 自动保存 + 整个板或选定区域的 PNG/SVG 导出
- 🎨 模板: SWOT、Lean Canvas、回顾（start/stop/continue）、KWL、Eisenhower matrix、kanban
移动设备
触摸优先: pinch-to-zoom、两根手指拖动画布、一根手指绘图。Apple Pencil + S Pen 压力敏感原生工作。
用例
- 📊 头脑风暴 带便签 + 箭头的会议
- 🗺️ 思维导图 新项目的
- 🔄 回顾 sprint 的（列 Start/Stop/Continue）
- 🎯 线框图 UX 流程的
- 📚 学习: 概念之间的连接图
与 Miro/Mural 的差异
- ✅ 无第三方强制登录
- ✅ 永久免费（Miro/Mural 在 3-5 个板后收费）
- ✅ 第一次加载后 离线工作（PWA 缓存）
- ⚠️ 协作多指针仍在路线图上（Miro 更成熟）
另请参阅
- 集成 VS Code — 带扩展和 Git 的真实 code-server（需要服务器模式）
- Linux 终端 — bash + roqueos-cli + 您的整个工具链
- Tablatura — 音乐家的专业编辑器
- RoqueClaw (AI agent) — 通过自然语言自动化开发任务