sublime之插件CoffeeScript

标签：style   http   color   os   strong   ar   2014   line   

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

    操作系统：win8

    编辑器：Sublime

1. 安装插件

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

      b    输入CoffeeCompile

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安装目录，如图

        coffee.cmd内容如下：

                @echo  off

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

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

        如图：

7.    sublime添加编译

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

       出现如图：

将如下内容覆盖：

{

"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,布布扣,bubuko.com

sublime之插件CoffeeScript

标签：style   http   color   os   strong   ar   2014   line   

原文地址：http://my.oschina.net/u/152550/blog/304788