前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >插件基础目录

插件基础目录

作者头像
iOSDevLog
发布2018-05-17 10:56:36
6120
发布2018-05-17 10:56:36
举报
文章被收录于专栏:iOSDevLogiOSDevLog

它包含一个或多个脚本。每个脚本定义一个或多个以某种方式扩展Sketch的命令。它还可以包含命令用于执行任何操作的任何其他可选资源(如图像)。

插件脚本使用JavaScript编写。

术语

在我们进一步讨论之前,让我们定义一些术语。

  • 插件:一组脚本命令和其他资源组合在一起作为一个独立单元
  • Plugin Bundle:磁盘上的文件夹,其中包含组成插件的文件
  • 行动:用户所做的事情(选择菜单或更改文档)触发命令
  • 命令:一个插件可以定义多个命令; 通常每一个都与不同的菜单或键盘快捷键相关联,并导致执行不同的处理程序。
  • Handler:执行一些代码来实现Command的函数。
  • 脚本:包含一个或多个实现处理程序命令的一个或多个JavaScript文件。

我如何制作插件?

到现在为止,你可能想知道如何开始写你自己的。

开始使用插件最简单的方法是打开Sketch,打开文档并control + shift + k打开Run Script面板。你不需要安装任何东西; 你可以打开它并在那里实验。如果您想使用真实的开发环境(您需要为了分发插件),请查看开发环境页面。

最小的插件示例如下所示:

代码语言:javascript
复制
export default function(context) {
  context.document.showMessage('Hello, world!')
}

它在Sketch文档底部呈现一个敬酒说“Hello,world!”。

接下来的几个指南将逐渐向您介绍插件的内部工作。我们将检查插件的构建块:清单和脚本。一旦你掌握了它们,你可以创建复杂的插件!

关于JavaScript的说明

Sketch插件是用JavaScript编写的,所以我们假设您对JavaScript语言有基本的了解。如果您觉得不太自信,我们建议您刷新JavaScript知识,以便更轻松地进行跟踪。

我们还在示例中使用了一些ES6语法。我们尽量少用,因为它还是比较新的,但我们鼓励您熟悉箭头函数letconst语句。

该脚本不在浏览器或节点环境中运行,而是在每个本机MacOS和Sketch API都暴露的特殊环境中运行。这是一个先进的,但有必要真正理解如何建立更先进的东西。

原文:https://developer.sketchapp.com/guides/

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018.03.21 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 术语
  • 我如何制作插件?
  • 关于JavaScript的说明
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档