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 ""