CodeSnap - 开发者代码片段管理工具产品系统

开发者在日常工作中积累大量代码片段，分散在各个项目中难以管理和复用。重复编写相同逻辑浪费时间，团队间代码经验无法共享。本项目旨在构建一个代码片段管理工具，支持语法高亮展示、标签分类、全文搜索和收藏功能，帮助开发者快速查找和复用常用代码，提升编码效率，降低重复劳动。

面向开发者的代码片段管理工具，包含：左侧边栏导航（分类浏览+标签筛选+搜索）、代码编辑器视图（语法高亮、行号显示）、代码元数据管理（语言类型、创建时间、使用频率、收藏状态）、快捷操作（编辑/复制/收藏/删除）。支持 TypeScript、Python、React、CSS 等多种语言。

采用左右分栏布局，左侧为导航面板（搜索框+标签筛选+代码片段列表），右侧为代码查看区。代码高亮通过 CSS 类名实现关键字、函数名、字符串、注释、数字的差异化着色。底部详情栏展示代码元信息。所有数据通过前端状态管理实现筛选和搜索，界面参考主流代码编辑器设计风格。