开发者福音！一个开源免费的跨平台代码片段管理工具！

大家好，我是 Java陈序员。

作为开发者，日常学习工作中，常常会记录一些常用的代码片段、脚本等，方便需要时复制粘贴使用。

然而，常常苦于没有一款好用的工具来管理这些琐碎而繁杂的代码。

今天，给大家介绍一个开源免费的跨平台代码片段管理工具，帮助你更好的收集、整理、展示、搜索代码片段。

关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。

项目介绍

massCode —— 一个基于 Vue + Electron 实现的开源免费的代码片段管理工具，帮助开发者更好的记录管理代码片段，同时支持 Windows、macOS、Linux 多平台！

功能特色：

• 强大的编辑器：内置了 600 多种编程语言的语法高亮支持，集成了超过 160
  种语法，几乎覆盖了所有主流编程语言，支持使用 Prettier 进行代码格式化，并提供生成代码截图的能力
• 丰富的管理层次：持使用多级文件夹和标签来组织代码片段，每个代码片段可以包含多个代码片段（标签页），提供更高级别的组织能力
• 实时渲染：支持实时查看 HTML 和 CSS 代码的渲染结果
• 支持 Markdown 语法编写，提供语法高亮、表格、列表等格式化功能，还支持 Markdown 文本转思维导图以及 Mermaid 图表绘制
• 搜索功能：提供快速的全文搜索功能，并高亮显示搜索结果
• 自动保存：在使用过程中自动保存任何更改，使用简单的 JSON 文件存储数据，存储于本地计算机

快速上手

工具安装

1、打开下载地址

https://github.com/massCodeIO/massCode/releases

2、选择下载对应的操作系统安装包

3、解压&运行安装包，一键安装

4、massCode 默认语言是英语，首次打开后，使用快捷键 ctrl + , 打开设置页面调整为中文

设置完毕，需要重启工具。

工具使用

1、massCode 工具分为三栏布局，第一栏是文件夹/标签管理，第二栏是文件夹下的代码片段管理，第三栏是代码片段编辑器和插件工具，用于编写、预览代码

2、在文件夹下，新建文件夹（可多级创建），鼠标右键新创建的文件夹，可设置该文件夹下代码片段的默认语言，同时也可以给文件夹设置图标

3、点击对应的文件夹，点击搜索框旁边的“+”图标，就可以开始新建代码片段

工具截图

• 生成代码截图

点击右上角的相机图标，即可生成代码截图，支持多种主题模式，可保存为 PNG、SVG.

• Markdown 渲染

Markdown 支持预览模式、演示模式，实时渲染。

• Markdown 转思维导图

• Mermaid 图表绘制

• HTML & CSS 实时渲染

• 开发者工具

massCode 还提供了常用的开发工具，如字符转换、URL 编解码、加解密、密码生成器等，。

• 其他主题

massCode 提供了多种主题模式，可以在首选项-->外观进行设置。

本地开发

如果想扩展 massCode 的功能，可在本地进行二次开发。

依赖 Node.js 环境。

1、克隆代码

git clone https://github.com/massCodeIO/massCode.git

2、进入项目目录并安装依赖

cd massCode
npm install

3、启动运行

npm run dev

4、打包

npm run build

可以说，massCode 是一款面向开发者的优秀工具，帮助开发者很好的维护和管理代码片段，是提升个人和工作的一款效率工具！快去试试吧~

项目地址：https://github.com/massCodeIO/massCode

最后

推荐的开源项目已经收录到 GitHub 项目，欢迎 Star：

https://github.com/chenyl8848/great-open-source-project

或者访问网站，进行在线浏览：

https://chencoding.top:8090/#/

大家的点赞、收藏和评论都是对作者的支持，如文章对你有帮助还请点赞转发支持下，谢谢！

---