DevCard VSCode

在 VS Code 里把选中的代码生成可传播的代码卡片。支持语法高亮、主题风格、用途预设，以及带说明气泡的代码讲解卡。

功能特点

• 选中代码后右键生成卡片，不需要复制到网页工具。
• 支持编辑器 / 终端 / 极简三种模板。
• 支持自动 / 社交图 / 封面图 / 文档嵌入四种用途。
• 支持当前主题 / Abyss / Paper / Neon / 江南烟雨多种风格。
• 支持代码讲解气泡，可标注单行或行号区间。
• 支持复制 PNG，或保存为 SVG / PNG。

使用方式

1. 在编辑器中选中一段代码。
2. 右键选择 DevCard: 从选中代码生成卡片。
3. 在预览页调整标题、风格、模板和用途。
4. 如需解释代码，展开 代码讲解，输入讲解项。
5. 点击 复制 PNG，或选择格式后点击 保存。

代码讲解格式

每条讲解占一行，支持单个行号或行号区间：

行号: 说明
起始行-结束行: 说明

示例：

12: 这里做缓存命中判断
18-24: 这里是核心处理流程
31: 异常兜底，避免调用方直接崩掉

生成卡片时，DevCard 会高亮对应代码行，并在旁边展示编号说明气泡。

用途预设