什么是 sv-print?
视觉打印设计器组件。使用 Svelte 构建,支持集成到 Vue、React、Angular、jQuery 等框架中。提供拖放模板设计、预览、打印、PDF/图像导出和插件可扩展元素(ECharts、QR 码、Fabric 等)。 来源:ccsimple/skill-sv-print。
视觉打印设计器组件。使用 Svelte 构建,支持集成到 Vue、React、Angular、jQuery 等框架中。提供拖放模板设计、预览、打印、PDF/图像导出和插件可扩展元素(ECharts、QR 码、Fabric 等)。
通过命令行快速安装 sv-print AI 技能到你的开发环境
来源:ccsimple/skill-sv-print。
需要复制 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视觉打印设计器组件。使用 Svelte 构建,支持集成到 Vue、React、Angular、jQuery 等框架中。提供拖放模板设计、预览、打印、PDF/图像导出和插件可扩展元素(ECharts、QR 码、Fabric 等)。 来源:ccsimple/skill-sv-print。
打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/ccsimple/skill-sv-print --skill sv-print 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/ccsimple/skill-sv-print