简介
Sketch-fetch 是一个基于 Node.js 的 npm 包，它可以方便地获取 Sketch 文件中的图层信息和样式等属性。Sketch-fetch 可以帮助前端开发者更方便地获取 Sketch 设计师所提供的设计稿中的信息，从而更好地开发出符合设计的网站。
安装
你可以通过以下方式安装 Sketch-fetch：
npm install --save sketch-fetch
使用
首先，在你的项目中引入 sketch-fetch：
const sketchFetch = require('sketch-fetch');然后，使用 Sketch-fetch 获取 Sketch 文件中的图层信息：
sketchFetch('path/to/sketch/file.sketch')
.then((layers) => {
// do something with the layers
})
.catch((err) => {
console.error(err);
});参数
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