简单的CoffeeScript网页

Question

我看过一些关于使用CoffeeScript与Rails、Node.js或甚至CoffeeScript REPL学习的教程。

我想知道如何创建一个Web项目，在其中可以直接在HTML页面中编写CoffeeScript脚本，就像这样：

<script type ="text/coffeescript">
//some coffeescript code
</script>

如何在网站开发中使用CoffeeScript？只是告诉我们包含输出的JavaScript并进行测试。但我不想这样做（感觉很笨拙）。

我也看过CoffeeScript网站，它对此有少量指导，它说：

我试过了，包括了那些脚本和jQuery。但我的页面仍然是空白的。有没有人之前尝试过，可以提供一个示例代码吗？

谢谢。

- hrishikeshp19

---

你能给我们展示一下没有起作用的HTML代码吗？ - Dogbert

Answer 1

只需按照通常的方式包含coffee-script.js，然后像这样添加<script>元素：

<script type="text/coffeescript">
    alert 'pancakes!'
</script>​

或者这个

<script type="text/coffeescript">
    eggs = 'gotta have some'
    document.write "It really is CoffeeScript: #{eggs}"
</script>

Demo: http://jsfiddle.net/ambiguous/DmuHh/

- mu is too short

---

http://jsbin.com/iluyoz 更明确地说明了同样的事情。（http://jsfiddle.net/ 也是一个不错的工具，但是它把库隐藏在复选框后面。） - MarkHu

@MarkHu：可编辑版本会更加明确 :) - mu is too short