【cocos2d-x从c++到js】18:CoffeeScript开发环境搭建

序、为什么是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打开界面查看

wKiom1McgIOjjazMAAMh5vyu14o258.jpg

wKioL1McgF2wSAkQAANAP3qDXCQ640.jpg

三、安装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

wKioL1McgWvRc4XdAAGOirEAiRE305.jpg


五、绑定Node.js到WebStorm
点击wKioL1McgcWCSnBXAAAHxljfY-U945.jpg按钮,WebStorm应该可以自动识别安装后的Node.js路径。

wKiom1Mcgg6STolEAAC7-DGX8f0074.jpg


六、测试一下Coffee的文件执行

通过WebStorm的文件夹方式,新建一个项目。右键单击该文件夹,选择New-〉CoffeeScript File

wKioL1McgsvzEE6yAABiYVNY2dA355.jpg

建立一个CoffeeScript脚本文件。

复制如下代码到该文件中。
square = (x) -> x * x
console.log square(10)


右键单击选择下面选项。这个名字很坑爹,如果没用过,根本不可能知道他是什么意思。

wKioL1McgwyRKnNcAAHLAIVy5RM502.jpg

然后指定相应的参数:

wKiom1Mcg2ygK8MIAAVimU5U3mA534.jpg


右键选择Run ‘Test.coffee’运行,结果如下:

wKioL1Mcg6uzmeRVAADyRuMlWuQ843.jpg


一个基本的Coffee学习环境就搭建完毕了。



下篇说一下如何绑定Cocos2d的API以及自动编译部署的事情。




你可能感兴趣的:(js,cocos2d-x,jsb)