简介
skpm-utils 是一个专为 Sketch 插件开发而设计的 npm 包，它提供了很多常用的工具函数和 API，使得开发者可以更加便捷地开发 Sketch 插件。本篇文章将详细介绍 skpm-utils 的使用方法，并提供示例代码展示其实际应用。
安装
可以通过 npm 进行安装：
npm install skpm-utils --save
使用方法
引入 skpm-utils
在插件脚本中引入 skpm-utils：
import {
getArtboards,
getSelection,
} from 'skpm-utils'API 列表
skpm-utils 提供了许多有用的 API，下面将介绍其中的几个常用 API。
getArtboards
获取 Sketch 中所有画板的数组。示例代码：
import { getArtboards } from 'skpm-utils';
const artboards = getArtboards();
console.log('所有画板：', artboards);getSelection
获取 Sketch 中当前选中的图层。示例代码：
import { getSelection } from 'skpm-utils';
const selection = getSelection();
console.log('选中的图层：', selection);getDocumentColors
获取 Sketch 文档中所有使用的颜色。示例代码：
import { getDocumentColors } from 'skpm-utils';
const colors = getDocumentColors();
console.log('所有颜色：', colors);insertText
在文本图层中插入文本。示例代码：
import { insertText } from 'skpm-utils';
insertText('Hello, world!');applyLayerStyle
为指定的图层应用样式。示例代码：
-- -------------------- ---- -------
------ - --------------- - ---- -------------
----- ----- - -
------ -
-
------ ----------
--------- --------
-------- --
--
--
--
---------------------------------- -------showUI
显示用户界面。示例代码：
import { showUI } from 'skpm-utils';
showUI('ui.html', {
width: 400,
height: 300,
}, (data) => {
console.log('用户界面返回的数据：', data);
});示例代码
下面是一个使用 skpm-utils 开发的 Sketch 插件的示例代码。它将在 Sketch 中创建一个新的图层，并为其应用样式和插入文本。
-- -------------------- ---- -------
------ - ------------- ----------- --------------- - ---- -------------
------ ------- ----------------- -
----- ---- - ------- --------
----- ----- - -----------------------
---------- - --- -------
-----------------------------------------------
----- ----- - -
------ -
-
------ ----------
--------- --------
-------- --
--
--
--
---------------------- -------
----------------- ------
-----------------------------------
-总结
通过使用 skpm-utils，我们可以更加便捷地开发 Sketch 插件，它提供了许多常用的 API，例如获取画板、获取选中的图层、获取文档中所有颜色等。在实际开发中，我们可以根据具体需求灵活使用这些 API，从而提高工作效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562f681e8991b448e0b70