2012-03-20 6 views
4

私はcoffescriptのチュートリアルを見て、それを学ぶためにレール、nodej、またはcoffeescript REPLでcoffeescriptを使用する方法を示しています。シンプルなcoffeescriptのWebページ

がどのように私はちょうどHTMLページ内cofeescriptスクリプトを書くことができますWebプロジェクトを作成することができ、私は

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

How to use coffeescript in developing web-sites?のようなものはそれをテストするJavaScriptと出力を含めるように指示を意味します。しかし、私はそれをしたくない(私はちょうど不器用な感じ)。

私もCoffeeScriptのウェブサイトを見て、それがこのに関する方向の少量を持っている、それは私が、私はjQueryを使って一緒にそれらのスクリプトが含まれ、それを試してみました

enter image description here

をsays-。しかし私のページは空白のままです。誰もがそれを前にしています、あなたはサンプルコードを提供できますか?

ありがとうございました。

+0

あなたは私たちdidnのHTMLコードを表示することができますが仕事は? – Dogbert

答えて

8

ただ、通常の方法で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> 

デモ:http://jsfiddle.net/ambiguous/DmuHh/

+1

http://jsbin.com/iluyozより明白に同じことが示されます。 (http://jsfiddle.net/も素晴らしいツールですが、チェックボックスの後ろにlibsを隠しています) – MarkHu

+1

@MarkHu:[編集可能なバージョン](http://jsbin.com/iluyoz/1/edit)はもっと明白です:) –

関連する問題