简介
Sketch-fetch 是一个基于 Node.js 的 npm 包,它可以方便地获取 Sketch 文件中的图层信息和样式等属性。Sketch-fetch 可以帮助前端开发者更方便地获取 Sketch 设计师所提供的设计稿中的信息,从而更好地开发出符合设计的网站。
安装
你可以通过以下方式安装 Sketch-fetch:
--- ------- ------ ------------
使用
首先,在你的项目中引入 sketch-fetch:
----- ----------- - ------------------------
然后,使用 Sketch-fetch 获取 Sketch 文件中的图层信息:
----------------------------------------- -------------- -- - -- -- --------- ---- --- ------ -- ------------ -- - ------------------- ---
参数
Sketch-fetch 接受以下参数:
- filepath:Sketch 文件的路径(必需)。
- options:可选参数对象。
options 中可用的参数有:
- artboardNames:需要获取的画板的名称数组。
- onlyArtboards:是否只获取画板中的图层,布尔类型。默认值为 false。
- parseStyles:是否解析样式(默认为 true)。
代码示例
以下是一段使用 Sketch-fetch 获取 Sketch 文件中图层信息的代码示例:
----- ----------- - ------------------------ ----------------------------------------- - -------------- ------------- ------------- -------------- ---- -- -------------- -- - -------------------- -- ------------ -- - ------------------- ---
总结
Sketch-fetch 是一个非常方便的 npm 包,它可以帮助前端开发者更方便地获取 Sketch 设计师所提供的设计稿中的信息。在使用之前,需要安装它并明确需要获取的图层,以及是否需要解析样式。在实际的应用中,使用 Sketch-fetch 能够帮助前端开发者更加快捷地实现符合设计稿的网站。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/60055d1e81e8991b448dac25