安装步骤其实还算简单:
1、安装node.js。
2、更新npm,命令行下执行:
npm update
``````
3、使用npm安装Coffee Script:
``````
npm install \-g coffee-script
如果网络有问题,可以去这里下载一个zip包使用:
[https://github.com/jashkenas/coffee-script/](https://github.com/jashkenas/coffee-script/)
关于zip包的使用方式,其实就是把下载下来的zip包解压到:
C:\\Users\\username\\AppData\\Roaming\\npm\\node\_modules\\coffee-script\\
目录中就可以了,另外有说需要添加环境变量的:
NODE\_PATH\=C:\\Users\\username\\AppData\\Roaming\\npm\\node\_modules
到现在为止,其实Coffee Script已经安装完成,你可以通过查看版本号的命令来检查安装时候成功。
coffee –v
然后我们就要开始配置Sublime Text2的环境了。Sublime Text2其实是提供了一个插件的,可以在用install命令直接安装。不过安装后并不好使(编译报错),需要修改插件配置, 在插件Sublime Text的安装目录:
\\Data\\Packages\\CoffeeScript\\CoffeeScript.sublime-build
打开该文件,使用如下代码覆盖:
{
``````
"cmd": \["C:\\\\Program Files\\\\nodejs\\\\coffee.cmd", "$file","&&","C:\\\\Program Files\\\\nodejs\\\\coffee.cmd","\-c","$file"\],
``````
"file\_regex": "^(...\*?):(\[0-9\]\*):?(\[0-9\]\*)",
``````
"selector": "source.coffee"
``````
}
可以看到这段代码跟我们网上查到的代码有些不一样,其实coffee命令直接跟$file的话,是控制台输出,中间夹一个”-c”的参数,就是编译了,编译就是把我们创建的.coffee文件编译成指定的.js文件。我们这里的配置的参数是同步录下同名的js文件。(如果文件已经存在,会覆盖)
当然,这里有个coffee.cmd,其实我看到这段代码时也很迷惑的,这段coffee.cmd的作用是什么呢?因为nodejs里面并没有这个命令啊。
经过一番查找,命令也很简单:
@echo off
``````
"C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node\_modules\\npm\\node\_modules\\coffee-script\\bin\\coffee" %\*
好了,把这个命令保存成coffee.cmd,放在nodejs的根目录下就可以了。
好了,现在就使用sublime text来编写coffee script文件了。
如果你还不太熟悉,这里有个小提示:
- sublime text编译快捷键是CTRL+B。
- 编写coffeescript 的代码,后缀名是.coffee
- 编译后,生成同名js文件。可以使用拆分窗口的方式,方便对比生成的js代码,学习时尤其有效。
参考链接:
http://www.ibm.com/developerworks/cn/web/wa-coffee1/
http://www.cnblogs.com/2gua/archive/2012/07/04/2576352.html
http://www.ituring.com.cn/article/4048
http://rritw.com/a/bianchengyuyan/C__/20121026/242739.html
原创文章,转载请注明: 转载自Happiness space