外包斑马模块开发环境一键集成工具。实际业务开发请参考 zebra-tosd的使用参考文档。

安装

$ npm i -g zebra-tosd   #安装全局命令tosd

注意：

• node版本不低于0.12.0。Windows如何升级?
• windows环境开发建议安装 Console2。

用法

0. 新建模块文件夹，必须以zebra-开头

   $ mkdir zebra-demo

   $ cd zebra-demo

1. 初始化模块

   $ tosd init

   生成项目结构如下:

   

   文件解释

   • 1: 运行时项目实际依赖的js和css，由src目录对应文件生成，开发中不需要改动该目录文件；src目录js和less文件的改动，将会重新生成对应的js和css文件；
   • 2: demo数据来源，字段若有实际业务语义的，请采用已定义好的业务字段，具体使用可咨询内部前端；
   • 3: mobile.html的入口文件；
   • 4: pc.html的入口文件；
   • 5: mobile.html的脚本文件；
   • 6: mobile.html的样式文件；
   • 7: mobile.html的主体模板文件, xtemplate语法；
   • 8: pc.html的脚本文件；
   • 9: pc.html的样式文件；
   • 10: pc.html的主体模板文件；
   • 11: 项目模块间的依赖seed文件；
   • 12: 项目描述文件，需要填写description、keywords和screenshot字段；screenshot是模块页面展示截图，包含pc端和mobile端。

   注意

   项目实际开发中只需改动src目录下的文件和项目的package.json文件；若该模块只有mobile端页面，请删除src下的pc端对应的相关文件，并删除package.json中screenshot的pc字段；反之亦然。

   根据log提示，访问pc端和无线端demo，进行模块开发和调试；

   

2. 运行模块

   $ tosd server

3. 模块打包

   $ tosd package

   将在当前目录下生成一个zip包，形如zebra-demo-v20160111201542.zip。打包前，别忘了完善package.json的screenshot字段。

Q&A

实际开发过程中，有问题请联系内部前端。

License

MIT