目录
在磁盘上,插件只是以特定布局排列的文件夹。
它包含一个或多个脚本。每个脚本定义一个或多个以某种方式扩展Sketch的命令。它还可以包含命令用于执行任何操作的任何其他可选资源(如图像)。
插件脚本使用JavaScript编写。
术语
在我们进一步讨论之前,让我们定义一些术语。
- 插件:一组脚本,命令和其他资源组合在一起作为一个独立单元
- Plugin Bundle:磁盘上的文件夹,其中包含组成插件的文件
- 行动:用户所做的事情(选择菜单或更改文档)触发命令
- 命令:一个插件可以定义多个命令; 通常每一个都与不同的菜单或键盘快捷键相关联,并导致执行不同的处理程序。
- Handler:执行一些代码来实现Command的函数。
- 脚本:包含一个或多个实现处理程序的命令的一个或多个JavaScript文件。
我如何制作插件?
到现在为止,你可能想知道如何开始写你自己的。
开始使用插件最简单的方法是打开Sketch,打开文档并control + shift + k
打开Run Script
面板。你不需要安装任何东西; 你可以打开它并在那里实验。如果您想使用真实的开发环境(您需要为了分发插件),请查看开发环境页面。
最小的插件示例如下所示:
export default function(context) {
context.document.showMessage('Hello, world!')
}
它在Sketch文档底部呈现一个敬酒说“Hello,world!”。
接下来的几个指南将逐渐向您介绍插件的内部工作。我们将检查插件的构建块:清单和脚本。一旦你掌握了它们,你可以创建复杂的插件!
关于JavaScript的说明
Sketch插件是用JavaScript编写的,所以我们假设您对JavaScript语言有基本的了解。如果您觉得不太自信,我们建议您刷新JavaScript知识,以便更轻松地进行跟踪。
我们还在示例中使用了一些ES6语法。我们尽量少用,因为它还是比较新的,但我们鼓励您熟悉箭头函数,let和const语句。
该脚本不在浏览器或节点环境中运行,而是在每个本机MacOS和Sketch API都暴露的特殊环境中运行。这是一个先进的,但有必要真正理解如何建立更先进的东西。