sublime之插件CoffeeScript

    各位看官,小生最近在做前端自动化这块,小有成效,记之,勿忘,同时为后来者前行做一个路标。

    操作系统:win8

    编辑器:Sublime


  1. 安装插件

       a     ctrl+shift+p,输入install,回车,如图

                

      b    输入CoffeeCompile

            sublime之插件CoffeeScript_第1张图片

2.    安装node


3.    安装grunt,命令:npm install -g grunt-cli

       安装coffee-script,命令:npm install -g coffee-script


4.    下载jashkenas-coffeescript,官方地址:https://github.com/jashkenas/coffeescript

                                                  我的地址: http://pan.baidu.com/s/1hq7nF5U 密码: ckcu

5.    添加coffee.cmd到node安装目录,如图

        sublime之插件CoffeeScript_第2张图片            

        coffee.cmd内容如下:

                @echo  off

                node.exe 步骤4 jashkenas-coffeescript的安装目录 %*

6.    添加环境变量 NODE_PATH=C:\Users\你的用户名\AppData\Roaming\npm\node_modules;

        如图:sublime之插件CoffeeScript_第3张图片

7.    sublime添加编译

       在Tools->build system->中点击 new build system,

       出现如图:sublime之插件CoffeeScript_第4张图片

将如下内容覆盖:

{

"cmd": ["coffee.cmd的所在路径", "$file"],


    "file_regex": "^(...*?):([0-9]*):?([0-9]*)",


    "selector": "source.coffee",

"encoding":"cp936"

}

8.    添加语法高亮:下载CoffeeScript.tmLanguage,地址:https://github.com/jashkenas/coffee-script-tmbundle/blob/master/Syntaxes/CoffeeScript.tmLanguage

        覆盖到:C:\Users\用户名\AppData\Roaming\Sublime Text 2\Packages\CoffeeScript

9.    在需要自动刷新的页面添加<script src="//localhost:35729/livereload.js"></script>

10.    在项目中添加package.json和Gruntfile.js,通过node.js command prompt工具,切到指定目录,敲击命令:grunt

11.     示例Demo  http://pan.baidu.com/s/1sjnY5FB 密码: 62vb

12.     赶紧学习语法,翱翔吧! http://coffeescript.org/


你可能感兴趣的:(sublime之插件CoffeeScript)