返回目录
开源项目开发者工具类新手

massCode:本地优先的开源开发者工作台(代码片段 / 笔记 / HTTP 请求 / 计算 / 绘图)

massCode 是一款免费、开源的桌面开发者工作台,把代码片段管理、Markdown 笔记、HTTP/GraphQL/WebSocket 调试、计算笔记本、Excalidraw 绘图和常用开发者小工具整合到一个本地优先的应用中。所有数据以纯 Markdown 文件形式保存在本地,支持 Git、iCloud、Dropbox、Google Drive、Syncthing 同步,适用于 macOS、Windows 和 Linux,许可证为 AGPL-3.0。

0 次阅读2026/09/17 发布
massCode:本地优先的开源开发者工作台(代码片段 / 笔记 / HTTP 请求 / 计算 / 绘图) 来源图片

社区作者 · zZz

它解决什么问题

项目定位

massCode 自称“A free, open-source developer workspace”,最初是一个代码片段管理器(snippet manager),现在已经把代码片段、笔记、HTTP 请求、计算、绘图和开发者工具集中到一个桌面应用中,让日常开发工作集中在一处完成。

配图 1 为 massCode 的 logo;配图 2 为应用界面预览截图。

核心特点之一:数据不做厂商锁定(No vendor lock-in),以本地文件形式保存。

主要功能模块

1. 代码片段(Code Snippets)

  • 多级文件夹、标签(tags)和片段(fragments)组织可复用代码,跨项目、跨语言使用。
  • 内置 160+ 语法高亮语法,通过 .tmLanguage 可支持 600+ 语法。
  • 集成 Prettier 进行代码格式化。
  • 实时 HTML & CSS 预览,用于快速原型验证。
  • JSON Visualizer:以交互式图形方式浏览嵌套 JSON 结构。
  • 可将片段导出为带可定制主题的精美图片。

2. 笔记(Notes)

  • 在代码片段旁边直接撰写较长的 Markdown 文档:项目文档、草稿、研究笔记、个人知识库。
  • 任务笔记支持状态、优先级、截止日期,以及 Today / Upcoming / Completed 视图;支持已完成任务清理与自动清理调度。
  • 仪表盘(Dashboard):活动概览、最近笔记、被链接最多的笔记、笔记图谱预览。
  • 编辑、实时预览(Live Preview)、预览三种模式。
  • 可编辑的 Markdown 表格,带行列控制。
  • 内部链接可指向笔记、代码片段和 HTTP 请求,并支持为“计划稍后创建”的条目预留占位符。
  • 笔记检查器(Note inspector):章节导航与重排、链接过滤、分组 callouts。
  • 全屏笔记图谱,用于探索笔记之间的内部链接。
  • 集成 Mermaid 图表。
  • 由 Markdown 标题结构自动生成思维导图。
  • 全屏演示模式,可用于演示和会议。
  • Callout 区块(含用于未完成写作的 TODO)以及图片嵌入。

3. HTTP 客户端(HTTP Client)

  • 发送 HTTP 与 GraphQL 请求,并交换 WebSocket 消息。
  • 用集合(collections)和嵌套文件夹组织接口,支持共享的 auth、headers、变量和脚本。
  • 切换环境、用本地 secret 变量保护 token、在请求之间传递响应值。
  • 通过断言和 JavaScript 测试检查响应,然后按顺序运行集合或文件夹。
  • 编辑查询参数、请求头、认证信息,以及 JSON、text、form 或文件载荷。
  • 为 20 种语言/运行时生成请求代码,包括 cURL。
  • 检查响应与保存的历史记录,在 Console 中调试流量,管理 cookies 与传输设置。
  • 支持从 OpenAPI、Postman、Bruno 导入集合。

4. 数学笔记本(Math Notebook)

  • 计算器风格的自然语言计算、单位换算和日期运算,无需离开工作流。
  • 支持算术、百分比、单位换算、日期/时间运算。
  • 支持 166+ 法币、21 种加密货币及实时汇率。
  • 支持变量、函数与聚合,便于快速迭代计算。
  • 财务计算:复利、ROI、贷款还款。

5. 绘图(Drawings)

  • 基于 Excalidraw 的画布,可在代码片段和笔记旁绘制示意图、线框图和白板想法。
  • 可搜索的绘图层表,支持键盘导航。
  • 每张绘图记住平移与缩放状态,并支持 fit-to-content 重新居中。
  • 可将绘图导出为图片。
  • 可把绘图直接嵌入 Markdown 笔记。

6. 开发者工具(Developer Tools)

内置小工具,避免为琐碎任务切到浏览器标签页:

  • Compare:JSON Diff
  • Text:大小写转换、Slug 生成器、URL 解析器、换行规范化
  • Crypto:Hash/HMAC 生成器、密码生成器、UUID
  • Encoders:URL、Base64、JSON 转 TOML/XML/YAML、颜色转换
  • Generators:JSON 生成器、Lorem Ipsum

7. 命令面板(Command Palette)

  • macOS 用 Cmd+P,Windows / Linux 用 Ctrl+P 打开。
  • 在代码片段、笔记、HTTP 请求、spaces 和命令之间搜索。
  • 支持新建代码片段、笔记、HTTP 请求和文件夹的操作。
  • 用 @ 把搜索限定到某个 space,用 > 进入命令模式。

8. 导入(Imports)

  • 预览优先(preview-first)导入代码片段、笔记和 API 集合,写入前先确认。
  • 从 VS Code、Raycast、SnippetsLab 和公开 GitHub Gist 导入代码片段。
  • 从 Obsidian 文件夹导入 Markdown 笔记。
  • 从 OpenAPI、Postman、Bruno 导入 HTTP 集合。
  • 写入前可查看检测到的条目、文件夹、标签、环境和警告。

9. 浏览器剪藏(Browser Clipper)

  • 从 Chrome、Firefox 或 Safari 将网页内容保存到本地 massCode 应用。
  • Chrome 版本可从 Chrome Web Store 安装。
  • 可将选中的代码保存为代码片段。
  • 可将选中的文本或可读页面内容保存为笔记。
  • 可将页面或链接保存为 HTTP GET 请求。
  • 通过本地 Integration API 与 API token 进行连接。

10. Markdown Vault 与主题

  • 代码片段、笔记、HTTP 请求以带 frontmatter 元数据的纯 .md 文件保存在磁盘上,数据可读、可迁移。
可复制命令
Git 友好:可通过任意 Git 远端跟踪变更并同步

  • 云同步:支持 iCloud、Dropbox、Google Drive、Syncthing。
  • 实时同步:massCode 监听 vault,实时接收外部变更。
  • 主题:通过 JSON 主题文件定制应用 UI 与编辑器语法高亮,支持亮色/暗色主题与热重载,详见主题文档。

平台与扩展

  • 支持 macOS、Windows、Linux。
  • 提供 VS Code 与 Raycast 扩展。

许可与说明

  • 许可证:AGPL-3.0。
  • Copyright (c) 2019-present, Anton Reshetov。
  • 项目免费开源,作者接受赞助(页面中的 SPONSORS、订阅入口见配图 3、配图 4、配图 5)。

— 本文由 AI 根据公开来源辅助整理,命令、版本与许可证请在使用前到原始页面复核。

安装 / 开始使用

方式一:下载安装包(推荐普通用户)

页面提供 Download 入口,可直接下载适用于 macOS、Windows、Linux 的版本。安装后首次运行会要求(或引导)创建/选择本地 Markdown vault 目录,之后代码片段、笔记、HTTP 请求都以纯 .md 文件写入该目录。

方式二:从源码本地构建

1. 准备环境(Prerequisites)

  • Node.js >= 20.16.0
可复制命令
pnpm >= 9.0.0

2. 安装依赖

bash
pnpm install

3. 构建

为当前平台构建:

bash
pnpm build

为指定平台构建:

bash
pnpm build:mac   # macOS
pnpm build:win   # Windows
pnpm build:linux # Linux

4. 开发模式运行

bash
pnpm dev

首次运行与配置

  1. 启动应用后设置 vault(Markdown 数据目录)。
  1. 可选:通过 JSON 主题文件定制 UI 与语法高亮(支持亮色/暗色与热重载,详见主题文档)。
  1. 可选:用 @ 限定 space 搜索、用 > 进入命令模式;macOS 用 Cmd+P、Windows/Linux 用 Ctrl+P 打开命令面板。

浏览器剪藏安装(Chrome)

  1. 从 Chrome Web Store 安装 Chrome 版扩展(Firefox、Safari 亦可使用剪藏功能)。
  1. 在本地 massCode 应用内获取 API token。
  1. 通过本地 Integration API 连接,之后可保存选中代码为片段、选中文本/可读页面内容为笔记、页面或链接为 HTTP GET 请求。

数据导入

使用预览优先(preview-first)导入,写入前先检查检测到的条目、文件夹、标签、环境和警告:

  • 代码片段:VS Code、Raycast、SnippetsLab、公开 GitHub Gist
  • 笔记:Obsidian 文件夹中的 Markdown
  • HTTP 集合:OpenAPI、Postman、Bruno

常见问题

  • 想跨设备同步:把 vault 放进 iCloud、Dropbox、Google Drive 或 Syncthing,或用 Git 远端跟踪;massCode 会监听 vault 并实时接收外部变更。
  • 担心数据锁定:数据是带 frontmatter 的纯 Markdown 文件,可直接用其他编辑器读取。
  • 构建失败:先确认 Node.js 与 pnpm 版本满足 Prerequisites 中的最低要求。

来源教程配图

massCode
配图 1 · massCode查看原图
massCode screenshot
配图 2 · massCode screenshot查看原图
教程配图
配图 3 · 教程配图查看原图
教程配图
配图 4 · 教程配图查看原图
教程配图
配图 5 · 教程配图查看原图

适用场景

把常用代码片段按多级文件夹
标签和片段分类管理
并跨项目复用
在代码片段旁写项目文档
草稿
研究笔记与个人知识库
支持任务状态与截止日期
发送 HTTP/GraphQL 请求
交换 WebSocket 消息并管理集合
环境
断言与脚本
为 20 种语言或运行时生成请求代码(含 cURL)