·sv-print

视觉打印设计器组件。使用 Svelte 构建,支持集成到 Vue、React、Angular、jQuery 等框架中。提供拖放模板设计、预览、打印、PDF/图像导出和插件可扩展元素(ECharts、QR 码、Fabric 等)。

7安装·1热度·@ccsimple

安装

$npx skills add https://github.com/ccsimple/skill-sv-print --skill sv-print

如何安装 sv-print

通过命令行快速安装 sv-print AI 技能到你的开发环境

  1. 打开终端: 打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等)
  2. 运行安装命令: 复制并运行以下命令:npx skills add https://github.com/ccsimple/skill-sv-print --skill sv-print
  3. 验证安装: 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

来源:ccsimple/skill-sv-print。

SKILL.md

查看原文

需要复制 nodemodules/@sv-print/hiprint/dist/print-lock.css 到开发资源目录。 例如: Vue 项目的 public 目录。 假如你部署的网站是: https://www.abcd.com/index.html 那么确保 https://www.abcd.com/print-lock.css 能够正常访问。

| hiprint | 创建模板、打印预览、provider 管理 | | hiwebSocket | 连接打印客户端 | | hinnn | 工具类(单位转换、事件等) | | HIPRINTCONFIG | 全局配置对象 |

| name | string | 'print' | 下载文件名 | | isDownload | boolean | true | 是否自动下载 | | type | string | 'blob' | 输出类型: blob, bloburl, dataurl, pdfobjectnewwindow | | paperWidth | number | - | 纸张宽度 (mm),小模板填充时有效 | | paperHeight | number | - | 纸张高度 (mm),小模板填充时有效 | | onProgress | function | - | 进度回调 (cur, total) |

视觉打印设计器组件。使用 Svelte 构建,支持集成到 Vue、React、Angular、jQuery 等框架中。提供拖放模板设计、预览、打印、PDF/图像导出和插件可扩展元素(ECharts、QR 码、Fabric 等)。 来源:ccsimple/skill-sv-print。

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令
npx skills add https://github.com/ccsimple/skill-sv-print --skill sv-print
分类
#文档处理
认证
收录时间
2026-02-25
更新时间
2026-03-10

Browse more skills from ccsimple/skill-sv-print

快速解答

什么是 sv-print?

视觉打印设计器组件。使用 Svelte 构建,支持集成到 Vue、React、Angular、jQuery 等框架中。提供拖放模板设计、预览、打印、PDF/图像导出和插件可扩展元素(ECharts、QR 码、Fabric 等)。 来源:ccsimple/skill-sv-print。

如何安装 sv-print?

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/ccsimple/skill-sv-print --skill sv-print 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

这个 Skill 的源码在哪?

https://github.com/ccsimple/skill-sv-print

详情

分类
#文档处理
来源
skills.sh
收录时间
2026-02-25

相关 Skills

暂无