温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

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

发布时间:2020-07-18 16:11:26 来源:网络 阅读:1436 作者:老G 栏目:游戏开发

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

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

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

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

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


五、绑定Node.js到WebStorm
点击【cocos2d-x从c++到js】18:CoffeeScript开发环境搭建按钮,WebStorm应该可以自动识别安装后的Node.js路径。

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


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

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

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

建立一个CoffeeScript脚本文件。

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


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

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

然后指定相应的参数:

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


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

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


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



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




向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI