KISSY Development Environment 2013

1. KISSY Development 2013
yiminghe@gmail.com

2. • https://github.com/kissyteam/kissy/blob/mas
ter/CONTRIBUTING.md

3. 整体目录结构

4. 环境
• nodejs
– npm install
• jdk7
• tools/ant/bin

5. 模块目录

6. 模块简单介绍
• README.md
– 模块的简单介绍

7. 模块版本更新历史
• HISTORY.md
– 指明在 KISSY 新版本发布期间的变化

8. 模块源码目录
• src
– 源码目录
– .tpl.html 组件模版
• -tpl.js 组件模版代码

9. 模块示例目录
• demo
– demo.html 入口
– 示例目录
– 注意代码引入

10. 模块测试目录
• tests
– specs
• 单元测试代码

11. 模块测试目录
• runner/test.html
– 测试驱动
– 注意代码引入

12. 模块资源目录
• assets
– css (引用 cdn 图片)
– jpg

13. 模块构建文件
• build.xml
– 指定 component.name

14. 子模块目录
• sub-modules
– 每个子模块同当前模块结构一致

15. 模块 build
• ant build
– 构建
• node tools/gen-package/gen-package.js
– 调试依赖生成

16. 运行
• npm install
• node tools/test/server
• http://localhost:8888/kissy/src/