【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以及自动编译部署的事情。







 本文转自 老G 51CTO博客,原文链接:http://blog.51cto.com/goldlion/1371975,如需转载请自行联系原作者

相关文章
|
7月前
|
IDE Java 开发工具
【C/C++】C/C++编程——C++ 开发环境搭建
【C/C++】C/C++编程——C++ 开发环境搭建
149 0
|
7月前
|
NoSQL Ubuntu 测试技术
GRPC C++开发环境搭建
GRPC C++开发环境搭建
667 0
|
1月前
|
IDE 编译器 开发工具
C/C++开发环境
C/C++开发环境
43 4
|
6月前
|
编解码 C++
cocos2d-x C++ 工程初探
cocos2d-x C++ 工程初探
|
3月前
|
C++ Windows
HTML+JavaScript构建C++类代码一键转换MASM32代码平台
HTML+JavaScript构建C++类代码一键转换MASM32代码平台
|
3月前
|
C++
HTML+JavaScript构建一个将C/C++定义的ANSI字符串转换为MASM32定义的DWUniCode字符串的工具
HTML+JavaScript构建一个将C/C++定义的ANSI字符串转换为MASM32定义的DWUniCode字符串的工具
|
5月前
|
JavaScript 前端开发 API
Node中的AsyncLocalStorage 使用问题之Node.js将 JavaScript 层的 nativeHooks 注册到 C++ 层的问题如何解决
Node中的AsyncLocalStorage 使用问题之Node.js将 JavaScript 层的 nativeHooks 注册到 C++ 层的问题如何解决
|
7月前
|
前端开发 JavaScript 开发工具
Sublime Text 3配置C/C++开发环境
【4月更文挑战第15天】本篇 Huazie 介绍了 Sublime Text 3 配置 C/C++ 的相关内容,感兴趣的朋友赶紧配置起来,有任何问题可以随时评论区沟通。
559 1
Sublime Text 3配置C/C++开发环境
|
7月前
|
编解码 JavaScript 前端开发
【专栏】介绍了字符串Base64编解码的基本原理和在Java、Python、C++、JavaScript及Go等编程语言中的实现示例
【4月更文挑战第29天】本文介绍了字符串Base64编解码的基本原理和在Java、Python、C++、JavaScript及Go等编程语言中的实现示例。Base64编码将24位二进制数据转换为32位可打印字符,用“=”作填充。文中展示了各语言的编码解码代码,帮助开发者理解并应用于实际项目。
161 1
|
7月前
|
编译器 C语言 C++
VSCode上搭建C/C++开发环境(vscode配置c/c++环境)Windows系统---保姆级教程
VSCode上搭建C/C++开发环境(vscode配置c/c++环境)Windows系统---保姆级教程
下一篇
DataWorks