---
url: /projects/index.md
---
## 开源项目

### vite-plugin-mock-dev-server

**说明：**

`vite-plugin-mock-dev-server` 专注于在 `Vite` 开发环境下 提供 Mock 服务。
通过 vite 内置的 `http` 和 `http-proxy` 服务，以 `middleware` 的方式，对 `server.proxy` 配置的代理路径
进行二次拦截，命中规则后，返回配置的 `mock data` 。

你可以在 mock配置文件中使用`node` 任意第三方模块。 这表示，你可以使用如 `mockjs` / `faker-js` 等库帮助生成 `mock data`。

插件支持响应多种数据类型包括 `text/json/Buffer/ReadStream`等，还支持设置 headers、cookies。

插件还支持模拟 `WebSocket`，可以轻松的实现在本地开发环境调试 `WebSocket` 服务。

[查看 **vite-plugin-mock-dev-server** 使用文档](https://vite-plugin-mock-dev-server.netlify.app/){.read-more}

***

### vuepress-theme-plume

**说明：**

vuepress-theme-plume 是一个基于 VuePress 的主题。适用于 博客、文档 和 知识笔记 。

与 vuepress 默认主题相比：

* 大幅度优化了界面、交互，更具美观度，更好的用户体验。
* 同时，还添加了大量的丰富实用的功能，如 代码分组、提示容器、任务列表、数学公式、代码演示、 内容搜索、文章评论、加密 等。
* 大幅度简化了配置，更易于使用，同时还保留了丰富灵活的配置项，满足个性化的需求。

plume 主题尽可能的内置你可能需要的功能，以及搭建站点所需要的一般性配置，您无需关注这些细节。 目的是，让您更专注于 内容的创作，更好的表达你的想法，享受 Markdown 增强语法带来的便利。

[查看 **vuepress-theme-plume** 使用文档](https://theme-plume.vuejs.press/){.read-more}

***

### rspack-plugin-mock

**说明：**

`vite-plugin-mock-dev-server` 对标 `vite-plugin-mock-dev-server` 在 `rspack/rsbuild` 上的实现， 专注于在 `rspack / rsbuild` 开发环境下 提供 Mock 服务。

[查看 **rspack-plugin-mock** 使用文档](https://github.com/pengzhanbo/rspack-plugin-mock){.read-more}

***

### vitepress-tuck

**说明：**

vitepress-tuck 是一个专为 VitePress 设计的插件开发库与插件集合。它通过提供一套简洁统一的插件接口定义和配置合并机制，大幅降低了 VitePress 插件的开发门槛，同时也为插件使用者提供了更友好的接入体验。

* **低门槛** — 插件开发者只需关注核心逻辑，无需处理复杂的 VitePress 配置合并与生命周期编排
* **易接入** — 插件使用者通过 defineConfig 传入 plugins 数组即可使用，插件自动完成配置注入
* **渐进兼容** — 所有插件同时兼容 vitepress-tuck 和 VitePress 原生接入方式

vitepress-tuck 当前包含 20+ 个 vitepress 插件，包括但不限于：

* `vitepress-plugin-code-tree` — 代码树插件，用于在文档中展示代码树结构。
* `vitepress-plugin-file-tree` — 文件树插件，用于在文档中展示文件树结构。
* `vitepress-plugin-icons` — 图标插件，用于在文档中插入图标。
* `vitepress-plugin-obsidian` — 兼容 obsidian 官方的 markdown 扩展语法。
* `vitepress-plugin-steps` — 步骤插件，用于在文档中展示步骤列表。
* `vitepress-plugin-mermaid-tuck` — Mermaid 插件，用于在文档中插入 Mermaid 图。
* `vitepress-plugin-plantuml` — PlantUML 插件，用于在文档中插入 PlantUML 图。
* `vitepress-plugin-repo-card` — 仓库卡片插件，用于在文档中展示 github/gitee 仓库卡片。

[查看 **vitepress-tuck** 使用文档](https://tuck.pengzhanbo.cn){.read-more}

***

### tiny-image-size

**说明：**

零依赖的**图像尺寸检测库** —— 仅解析图像文件头字节即可识别图像类型并解析宽高，无需下载或解码完整图片。

* **仅解析文件头** —— 只需读取文件签名与携带尺寸信息的元数据块，无需依赖完整图像数据
* **流式友好** —— 只需图片开头的少量字节即可解析出尺寸，可基于文件的部分读取或网络响应的部分数据完成解析，内存占用有界，网络带宽消耗近乎为零
* 零依赖，单一 ESM 产物（约 10 KB，含类型声明）
* 完整 TypeScript 类型支持
* 支持任何 JavaScript 运行环境（Node.js、Bun、Deno、浏览器等）
* 支持自动检测类型，也可显式指定类型以跳过检测
* 支持 20 种常见图像格式：
  `bmp` · `cur` · `dds` · `gif` · `heif` · `icns` · `ico` · `j2c` · `jp2` · `jpg` · `jxl` · `jxl-stream` · `ktx` · `png` · `pnm` · `psd` · `svg` · `tga` · `tiff` · `webp`

***

### chinese-simple2traditional

**说明：**

中文繁简体转换。

* 内置字库，零依赖，支持任何运行环境。
* 支持 3077+ 常用简体字 和 4919+ 繁体字/异体字。
* 支持 3577+ 简体短语转繁体的特殊情况。
* 支持 117+ 繁体短语/异体短语 转简体的特殊情况。

[使用文档](https://github.com/pengzhanbo/chinese-simple2traditional) | [在线演示](https://han-convert.netlify.app/)

***

### stylelint-define-config

**说明：**

为 `stylelint` 提供 `defineConfig` 配置类型帮助，可以在 `stylelint.config.js` 中配置自定义配置。

***

### @pengzhanbo/utils

**说明：**

一个常用的工具类库, 无依赖， 任何运行时。

[使用文档](http://jsr.io/@pengzhanbo/utils)

***

### caniuse-embed

**说明：**

基于 `Astro` 开发的 `caniuse-embed` 组件。

从 [caniuse.com](https://caniuse.com/) 和 [mozilla's browser compat data](https://github.com/mdn/browser-compat-data) 嵌入最新数据。

显示10个主要浏览器多个版本的功能支持数据。可配置、可靠且完全响应。

[使用文档](https://caniuse-embed.vercel.app/zh-CN)

***

### @any-hooks/solid

**说明：**

一套高质量可靠的 Solidjs Hooks 库。

[使用文档](https://solid-hooks.netlify.app/en-US)

***

### vite-plugin-image-placeholder

**说明：**

在项目开发过程中，为未准备好图片资源的内容区域，生成占位图片。

***

### geo-pattern-ts

**说明：**

生成漂亮的SVG图案。

[使用文档](https://github.com/pengzhanbo/geo-pattern-ts) | [在线演示](https://geo-pattern.netlify.app)

***

### vulcan

**说明：**

基于 vite + vue3 的项目模板，帮助快速创建 Mobile Web 应用。

***

### spearjs

**说明：**

一个 低代码平台。使用 vite 构建。前端基于 vue， 后端基于 nestjs。