sv-print이란?
비주얼 인쇄 디자이너 구성 요소. Svelte로 구축되어 Vue, React, Angular, jQuery 및 기타 프레임워크와의 통합을 지원합니다. 플러그인 확장 가능한 요소(ECharts, QR 코드, Fabric 등)를 사용하여 드래그 앤 드롭 템플릿 디자인, 미리보기, 인쇄 및 PDF/이미지 내보내기를 제공합니다. 출처: ccsimple/skill-sv-print.
비주얼 인쇄 디자이너 구성 요소. Svelte로 구축되어 Vue, React, Angular, jQuery 및 기타 프레임워크와의 통합을 지원합니다. 플러그인 확장 가능한 요소(ECharts, QR 코드, Fabric 등)를 사용하여 드래그 앤 드롭 템플릿 디자인, 미리보기, 인쇄 및 PDF/이미지 내보내기를 제공합니다.
명령줄에서 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 및 기타 프레임워크와의 통합을 지원합니다. 플러그인 확장 가능한 요소(ECharts, QR 코드, Fabric 등)를 사용하여 드래그 앤 드롭 템플릿 디자인, 미리보기, 인쇄 및 PDF/이미지 내보내기를 제공합니다. 출처: ccsimple/skill-sv-print.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/ccsimple/skill-sv-print --skill sv-print비주얼 인쇄 디자이너 구성 요소. Svelte로 구축되어 Vue, React, Angular, jQuery 및 기타 프레임워크와의 통합을 지원합니다. 플러그인 확장 가능한 요소(ECharts, QR 코드, Fabric 등)를 사용하여 드래그 앤 드롭 템플릿 디자인, 미리보기, 인쇄 및 PDF/이미지 내보내기를 제공합니다. 출처: 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