CoffeeScript 安装配置笔记(Windows 8&Sublime Text2)

安装步骤其实还算简单: 1、安装node.js。 2、更新npm,命令行下执行:

  npm update  
  3、使用npm安装Coffee Script:  
  npm install -g coffee-script  

如果网络有问题,可以去这里下载一个zip包使用:

  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已经安装完成,你可以通过查看版本号的命令来检查安装时候成功。

  coffeev  

然后我们就要开始配置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文件了。 如果你还不太熟悉,这里有个小提示:

  1. sublime text编译快捷键是CTRL+B。
  2. 编写coffeescript 的代码,后缀名是.coffee
  3. 编译后,生成同名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



CoffeeScript 安装配置笔记(Windows 8&Sublime Text2)

评论

此博客中的热门博文

搜索即服务平台searchify的基本概念

部分开放平台url分享统计api

域名从sinaapp转到这里来了