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,安装后是下图这个样子。
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:
单击图中的那个node.js的绿×××标,设置一下node.js的路径
8. 单击,设置按钮,找到file watchers,加入coffeescript的支持
单击绿色的加号,添加watcher的设置,我的设置如下:
arguments的的设置内容是:g:/jashkenas-coffee-script-e581f7d/bin/coffee -c $FileName$,其它的不用动了。
到这里在 phpstorm 中编写coffeescript 后文件自动编译成js文件。
9. 在phpstorm中直接运行coffeescript文件需要做一些其它的设置
打开运行的配置对话框:
按下图的内容填写:
working directory:是你项目的目录,我这里是O:\phpcode,coffee的文件名是demo.coffee.
写个测试文件检查一下:
ok,可以正常使用了。