1. S01E02
CoffeeScript
写更少的代码，做更多的事
云谦, 20120802
chenchengpro @ weibo & twitter
TMB 剧组出品

2. Coffee 初印象
• Coffee 是⼀一⻔门 JavaScript 预编译语⾔言
• Coffee 仅仅是 JavaScript
• Coffee 是 JavaScript 的精华部分

3. It’s Just JavaScript
KISSY.ready(function(S) {
S.all(“body”).html(“hello world”);
});

4. It’s Just JavaScript
KISSY.ready (S) ->
S.all(“body”).html “hello world”

5. Coffee 初印象
• Coffee 是⼀一⻔门 JavaScript 预编译语⾔言
• Coffee 仅仅是 JavaScript
• Coffee 是 JavaScript 的精华部分

7. • 环境
• DEMO
• 感受

8. 安装
NodeJS：
http://nodejs.org/
brew install nodejs (mac)
Coffee：
npm install -g coffee-script

9. 编译
命令⾏行：
coffee -c test.coffee
coffee -wc test.coffee
⼯工具：
cafe, grunt
codekit, livereload, ...

10. DEMO

11. 感受
• 写更少的代码，做更多的事
• 兼容
• 性能
• 调试
• 协作
• 缺点

12. 预告
• S01E03 —— Sass, Less 等 CSS 预编译语⾔言
的介绍及如何选择
• S01E04 —— NodeJS 全堆栈实践
• S01E05 —— Jasmine ⾼高级⽤用法
• S01E06 —— Coffee + Jade + Sass，淘宝⾸首
⻚页改版实践
• ...

13. Thanks!