Transcript
Page 1: KISSY Development Environment

KISSY Development 2013

[email protected]

Page 3: KISSY Development Environment

整体目录结构

Page 4: KISSY Development Environment

环境

• nodejs

– npm install

• jdk7

• tools/ant/bin

Page 5: KISSY Development Environment

模块目录

Page 6: KISSY Development Environment

模块简单介绍

• README.md

–模块的简单介绍

Page 7: KISSY Development Environment

模块版本更新历史

• HISTORY.md

–指明在 KISSY 新版本发布期间的变化

Page 8: KISSY Development Environment

模块源码目录

• src

–源码目录

– .tpl.html 组件模版

• -tpl.js 组件模版代码

Page 9: KISSY Development Environment

模块示例目录

• demo

– demo.html 入口

–示例目录

–注意代码引入

Page 10: KISSY Development Environment

模块测试目录

• tests

– specs

• 单元测试代码

Page 11: KISSY Development Environment

模块测试目录

• runner/test.html

–测试驱动

–注意代码引入

Page 12: KISSY Development Environment

模块资源目录

• assets

– css (引用 cdn 图片)

– jpg

Page 13: KISSY Development Environment

模块构建文件

• build.xml

–指定 component.name

Page 14: KISSY Development Environment

子模块目录

• sub-modules

–每个子模块同当前模块结构一致

Page 15: KISSY Development Environment

模块 build

• ant build

–构建

• node tools/gen-package/gen-package.js

–调试依赖生成

Page 16: KISSY Development Environment

运行

• npm install

• node tools/test/server

• http://localhost:8888/kissy/src/


Top Related