萬物始為先 coffeescript環境的搭建

飛翔的魚發表於2013-11-01

繼續上一篇的什麼是coffeescript,再把第二篇發出來，其實目前已經有5篇了，都放在github上，同時也發在這裡和大家探討相互學習。

第二章 萬物始為先，環境的搭建

在介紹怎麼用CoffeeScript之前，我們先來搭建環境，就像給沒有用過和學過電腦的人說什麼是視窗肯定會是一頭汙水的，想起高中時學習程式設計時，第一堂課就講順序、選擇和迴圈，聽得我直哆嗦，到第二天都還不明白，直到上機了才知道。

CoffeeScript主要用於兩種環境中，一、瀏覽器裡。 二、伺服器端。下面介紹這兩種環境的配置。

在瀏覽器裡執行

主要分為兩步

  1. 包含coffee-script.js，官網下載地址：http://coffeescript.org/extras/coffee-script.js 。
  2. CoffeeScript程式碼寫在標籤<script type="text/coffeescript">內。

如下：

<script src="../coffee-script.js" ></script>
<script type="text/coffeescript">
# 你的CoffeeScript程式碼
alert "世界你好!"
</script>

雖然在瀏覽器裡能直接的執行，但是不建議這樣做，主要是考慮到效能的原因。 推薦使用 coffee的-c引數將coffesscript程式碼轉換到原生的javascript程式碼，再引入到頁面裡。

在伺服器上執行

我們需要安裝coffee-script指令碼，有個比較方便的工具可以使用，npm。開啟你熟悉的終端，輸入以下命令 npm -g install coffee-script 就可以把coffee-script以全域性的方式安裝到機器，如果只需要安裝到當前目錄下，可以去掉引數 -g 。 安裝完成後，測試一下是否安裝成功。

chendeMacBook-Pro:chp1 cheneifei$ npm -gl list|grep -i coffee
    ├── coffee-script@1.6.3
    │   git://github.com/jashkenas/coffee-script.git
    │   http://coffeescript.org
    chendeMacBook-Pro:chp1 cheneifei$

表示成了。 接下來就可以使用她提供的命令 coffee來執行檔案了，對了CoffeeScript檔案一般以coffee為副檔名。 執行一下吧， coffee chp1_code2.coffee

好了，環境就到此為止了，如果你還不知道npm, 去這裡看看 https://npmjs.org

github地址：https://github.com/makediff/learn-coffeescript/blob/master/html/chp2.md

相關文章