==== 请忽略这篇文章,用IntelliJ系列IDE即可直接编辑coffeescript文件 ====
我的做法是使用SublimeText2来编辑 coffeescript 文件,使用 NodeJs 来编译为 js 文件。
我用SublimeText2写了一个插件,可以在保存 .coffee 文件的时候进行编译,输出目录可在 settings.py 文件里设置
所以需要安装 SublimeText2、NodeJs、Nodes的coffeescript插件、Python2.x,如果觉得麻烦,请绕行。
比如工程目录如下:
WebRoot
|--coffeescript
|--js
|--templates
|--...
解压缩 zdeploy.zip 到 %APPDATA%\Roaming\Sublime Text 2\Packages 目录下
在 zdeploy/settings.py 里设置如下即可:
SOURCE_FOLDER = 'D:\\Workspace\\wendui\\WebRoot'
OUTPUT_FOLDER = 'D:\\tomcat7\\webapps\\ROOT'
COFFEE_SOURCE_FOLDER = SOURCE_FOLDER + '\\coffeescript'
COFFEE_COMPILE_FOLDER = SOURCE_FOLDER + '\\js'
PS: 如果要看debug信息,请将 DEBUG 设置为 True,并在SublimeText2中按 Ctrl+` 打开控制台
----------------------------------------------------------------------------------
做完以上步骤,在编辑 SOURCE_FOLDER 目录下的 .coffee 文件时,就会自动编译为js文件并输出到js目录下,在用的地方导入即可:
<script type='text/javascript' src='/js/charming.js'></script>