sketch 设计稿直接 转 html ,可以覆盖绝大多数情况,完美复原 sketch 稿
提供以下三种方法
- sketch2html:只能在 node 中使用
- sketch2data:只能在 node 中使用
- data2html:可以在浏览器中使用,将 sketch2data 的数据传入,返回 html 字符串和 css 字符串
代码示例
const { sketch2html, sketch2data, data2html } = require("@iryn/sketch2html");
sketch2data("./sketch/demo.sketch", "./output");
sketch2html("./sketch/demo.sketch", "./output");
命令行使用
# 生成 html:
sketch2html -i ../sketch/demo.sketch -o ../output
# 生成数据(按页面生成多个 json 文件)
sketch2data -i ../sketch/demo.sketch -o ../output
兼容
sketch 版本:仅测试 72.1 版本