3.2.2 Sketch

官网：https://haomo-tech.com

作者：毫末科技

邮箱：hxg@haomo-studio.com

1. 开发准备工作

  • 参数设定：对于开发Sketch，需要进行一些参数的设置，设置的脚本为：Sketch调试参数设定
  • IDE设置：采用WebStorm进行开发，需要可以识别

2. 插件UI

使用CocoaScript Framework实现

示例：

使用WebView实现

https://github.com/skpm/sketch-module-web-view

示例：

3. 使用Node Modules

4. 调试

在Custom Script里面，调用插件的函数

以官方的Hello World为例，调用的方式为：

@import 'Hello World.sketchplugin/Contents/Sketch/hello-world.js' 
onRun(context);

如下图所示：

参考文献：

5. 运行日志

6. 插件发布及管理

插件发布采用skpm

7. 公司相关项目

开发模板：

开发项目：

8. 常用相关工具

Html转SVG

  • Paparazzi 推荐, html->pdf
  • pdf2svg(brew install pdf2svg)，推荐，pdf->svg

参考

results matching ""

    No results matching ""