XStack

Deep into details

0%

如何快速生成一个sketch插件

近期用到sketch插件相关内容,记录一下

使用skpm快速生成#

skpm是sketch官方出的快速生成插件的工具,目前已经越来越成熟了

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
$ nmp install -g skpm
$ skpm create first-plugin
✔ Done!

The Sketch developer mode is not enabled (http://developer.sketchapp.com/introduction/preferences/#always-reload-scripts-before-running).
Do you want to enable it? (y/N) y
success Sketch developer mode enabled

To get started, cd into the new directory:
cd first-plugin

To start a development live-reload build:
npm run start

To build the plugin:
npm run build

To publish the plugin:
skpm publish
$ cd first-plugin

如果你在刚才的提问环节选择了y,那么,打开sketch就可以看到一个菜单,点击一下,就可以输出了

默认生成的这个代码很简单,只有一个弹出提示:It's alive 🙌

参考文档#

更多的文件修改和配置可以看这里

PS:语法支持ES6

更多资料#

所有JSAPI的列表