Modern Workflows For Modern WebApps

Transcript

1. MODERN WORKFLOWS FOR MODERN WEBAPPS by Tencent ECD TMT Kalokzheng
2. 关于我 Kalokzheng （郑家乐） 电商体验设计中心，移动前端开发小组 网络ID：willerce willerce.com github.com/willerce
4. 开发中的工具需求 常见任务： ◦ CSS压缩 ◦ Less/Sass 编译 ◦ 雪碧图合并 ◦ 打包发布 我们希望： • 跨平台，开源，可配置； • 自由添加新任务； • 自定义组合，创建符合团队需求的工具
5. Grunt 是什么？ • 跨平台，开源，自动化项目构建工具； • 几行命令执行、配置简单参数； • 1835 个公开插件； • 插件编写简单；
6. Yeoman 是什么？ 1. Yeoman 是项目文件脚手架工具 2. 自定义项目目录结构 3. 自定义文件
7. 重构的包管理工具 • 创建团队的基础库 • 版本发布管理
10. • 基于 Grunt，与命令行共存 • GUI 界面，操作简单直观 • 多项目管理，多任务运行 • 基于 Node-Webkit 跨平台，开源 Gti Repo: https://github.com/Mobile-Team/spock Spock 介绍
11. Spock 路线 已经实现： • 基于 Grunt 多项目多任务运行； 计划实现： ◦ 现代化三剑客依赖环境一键安装； ◦ Yeoman 支持，在线 Yoeman 模版源初始化； ◦ Bower 支持，Bower 源搜索功能； ◦ Grunt 任务可视化添加，可视化配置；
12. 谢谢！