1.为什么要搞Sketch的 json -> view?
想让产品或者设计UI她们自己画图 ,画好之后自己看一下界面, 没问题就把数据给我们开发校验下, 没问题就提交到服务器, 动态改变一些界面样式
2.什么是sketch?
一个设计师使用的工具 ,可以出产品原型 ,通过使用各种插件, 实现各种效果
3.需要准备哪些?
npm install -g skpm
skpm create my-plugin
cd my-plugin
1.Developer开发指南 会教你如何创建第一插件 ,如何快速编译调试
2.控制台,进程选中sketch ,查看log信息
image.png
3.编辑器 ,VSCode或者Sublime都行, 随意
4.Safari的开发模式, 可以debug 单步调试
5.非常关键的就是sketch-Header 这个是sketch的oc类/属性/方法
6.懂得一点
iOS或者mac开发的知识 ,还有JavaScrip的
4.一些语法知识
字典: var dic = {};
数组: var arr = [];
字典添加key-value : dic.key = value;
数组添加元素: arr.push(value);
但是, 既然是cocoascript , 可以使用OC的语法
字典:
var ruleDic = NSMutableDictionary.dictionary();
赋值:
ruleDic.setObject_forKey(textField.stringValue().UTF8String(), element);
就是OC的语法, ":"冒号 , 换成了下划线"_" , 参数都放到了最后
虽然是OC语法, 但是不是iOS开发的方法 ,是MAC开发的方法,关于UI的方法是不一样的
下一篇 : sketch开发之Json2View(二) 初始化
