1. 安装node.js 直接从官网上下载node.js win32 msi(http://nodejs.org/dist/v0.10.13/node-v0.10.13-x86.msi)的安装包就可以了。我的安装目录在C:\Program Files (x86)\nodejs下。


2. 下载coffeeScript的源码,(http://github.com/jashkenas/coffee-script/tarball/master)

3. 将下载好的coffeeScript解压到任意目录下,我的目录在这里:G:\jashkenas-coffee-script-e581f7d,安装后是下图这个样子。

用phpstorm 6 来编写 coffeeScript_php

4. 在node.js的目录下建立一个批处理文件coffee.cmd 内容如下:

@echo off

node.exe g:\jashkenas-coffee-script-e581f7d\bin\coffee %*


写完保存文件名为coffee.cmd。 注意好色部分, 是coffeescript的安装路径。

5. 写个文件测试一下是否正常,文件名为:demo.coffee,内容就一行:

  console.log("Hello!")

6. 在cmd里执行一下:

  c:\>coffee.cmd -c demo.coffee 如能看到Hello!,就说明安装正确了。看不到就检查一下node.js的路径是否在系统的路径中,一般情况下在安装node.js时会自动加入的。


7. 打开PHPstorm:

用phpstorm 6 来编写 coffeeScript_phpstorm_02,


单击图中的那个node.js的绿×××标,设置一下node.js的路径


用phpstorm 6 来编写 coffeeScript_phpstorm_03


8. 单击,设置按钮,找到file watchers,加入coffeescript的支持

用phpstorm 6 来编写 coffeeScript_php_04


单击绿色的加号,添加watcher的设置,我的设置如下:

用phpstorm 6 来编写 coffeeScript_phpstorm_05arguments的的设置内容是:g:/jashkenas-coffee-script-e581f7d/bin/coffee  -c $FileName$,其它的不用动了。

到这里在 phpstorm 中编写coffeescript 后文件自动编译成js文件。


9. 在phpstorm中直接运行coffeescript文件需要做一些其它的设置

打开运行的配置对话框:

用phpstorm 6 来编写 coffeeScript_coffeescript_06


按下图的内容填写:

working directory:是你项目的目录,我这里是O:\phpcode,coffee的文件名是demo.coffee.

用phpstorm 6 来编写 coffeeScript_coffeescript_07


写个测试文件检查一下:

用phpstorm 6 来编写 coffeeScript_coffeescript_08


ok,可以正常使用了。