您好,登錄后才能下訂單哦!
序、為什么是CoffeeScript
用過JavaScript的人,都被他繁瑣的括號語法(各種(){}[]各種嵌套)搞得頭痛不已,還有各種亂七八糟不好用的特性(比如全局變量名字沖突,只有函數訪問域,this問題)。而編程界也有一大幫人士認為,JS是個腳本語言,偏偏搞了個類c的語法,真是莫名其妙。
因為各種原因,Coffee誕生了。你可以認為Coffee是一個精煉版的JS。加上了許多好用的語法糖,屏蔽了很多JS不好的特性。
在使用時你會看到,Coffee大量借鑒了Ruby和Python的語法。
另外Coffee是一個格式相關語言,也就是說空白符和縮進等是有意義的。我之前也對格式相關語言有疑問,實際上,我們在寫代碼時也會注意空格縮進等問題,那么為什么不讓空格縮進等有意義來減少括號的書寫量呢?或者說,反正都要控制格式,不如讓格式有意義,以此來減少編碼量。這大概就是格式相關語言的編碼速度優勢所在。用Coffee可以比JS少寫30%~50%的代碼。這個甚為可觀。
但從除錯角度來說,使用Coffee的人,必須要懂得JS,因為Coffee最終還是要編譯為JS來執行的,除錯也要在JS層面上進行。
下面開始詳述,如何配置Coffee的開發環境
一、安裝WebStorm
WebStorm在國內Web開發界享有盛譽,被譽為Web開發第一IDE。不過這是個收費軟件。是光榮的正版用戶,還是做盜版的受害者,請自裁。
安裝也很簡單,就不贅述。
二、WebStorm的相關插件
WebStorm內部自帶了Node.js和CoffeeScript插件,并且默認處于開啟狀態。因此此步驟可以跳過。
但如果后續run腳本時有問題。我們需要重新檢查一下他們是否正確安裝和開啟。檢查方法:在Preferences...->IDE Settings->Plugins打開界面查看
三、安裝Node.js
Coffee的編譯器使用Node.js作為運行環境。所以需要Node.js
http://nodejs.org/#download
下載對應的安裝包安裝即可
四、安裝CoffeeScript
我們要使用的CoffeeScript是Node.js套件中的一個,我們可以通過npm (Node Package Manager Node.js的套件管理工具)來安裝他。
在Terminal中輸入:sudo npm install -g coffee-script
五、綁定Node.js到WebStorm
點擊按鈕,WebStorm應該可以自動識別安裝后的Node.js路徑。
六、測試一下Coffee的文件執行
通過WebStorm的文件夾方式,新建一個項目。右鍵單擊該文件夾,選擇New-〉CoffeeScript File
建立一個CoffeeScript腳本文件。
復制如下代碼到該文件中。
square = (x) -> x * x
console.log square(10)
右鍵單擊選擇下面選項。這個名字很坑爹,如果沒用過,根本不可能知道他是什么意思。
然后指定相應的參數:
右鍵選擇Run ‘Test.coffee’運行,結果如下:
一個基本的Coffee學習環境就搭建完畢了。
下篇說一下如何綁定Cocos2d的API以及自動編譯部署的事情。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。