使用Sublime Text 2编辑CoffeeScript
发布于 3年前 作者 seanlv 11646 次浏览

CoffeeScript作者是推荐使用TextMate编辑CoffeeScript的。但是TextMate收费,并且对中文支持不好。如果你不在意这两个问题,那么强烈推荐你使用TextMate,并关注CoffeeScript作者的TextMate Bundle for CoffeeScript项目。

如果你像我一样对TextMate水土不服,可以来试试Sublime Text 2

第一步, 安装CoffeeScript:

npm install -g coffee-script

第二步,下载并安装Sublime Text 2:

http://www.sublimetext.com/2

第三步,为CoffeeScript提供语法高亮支持:

  1. 下载CoffeeScript.tmLanguage。来自TextMate Bundle for CoffeeScript项目,在Sublime Text 2中也可以使用;
  2. Windows平台:将CoffeeScript.tmLanguage保存在{Sublime Text 2}\Data\Packages\CoffeeScript\
  3. Mac平台:将CoffeeScript.tmLanguage保存在~/Library/Application Support/Sublime Text 2/Packages/CoffeeScript/

第四步,为CoffeeScript提供Build支持:

  1. 启动Sublime Text 2,Tools -> Build System -> New Build System...

    { "cmd": ["coffee", "$file"], "selector": "source.coffee" }

  2. 保存在默认的User目录中。

第五步,测试:

  1. 在Sublime Text 2中新建test.coffee文件:

    console.log 'Hello, wordl!'

  2. CMD+B 或 CTL+B执行脚本,得到以下输出:

    Hello, wordl!
    [Finished]

Update:

按 [[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[@QLeelulu](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu)](/user/QLeelulu) 的方法,使用安装包控制(Package Control)安装CoffeeScript支持包确实很方便。我在Windows平台试了一下,有一个小小的问题需要注意,写下来供大家参考。

在安装了CoffeeScript和Sublime Text 2之后,我们首先要给Sublime Text 2安装Sublime Package Control,方法如下:

打开Sublime Console(View -> Show Console 或 快捷键ctrl+`),并传输入:

import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read()); print 'Please restart Sublime Text to finish installation'

回车执行上面脚本之后,关闭重启Sublime Text 2完成安装过程。

启动Sublime Text 2之后,检查Preferences菜单下是否有Package Control子菜单,如果存在表示安装成功。

接下来,安装Coffee支持:

  1. 使用Shift + Ctrl + P调出命令面板
  2. 输入 install 调出 Package Control: Install Package 选项,按下回车
  3. 在列表中找到 CoffeeScript,按下回车进行安装
  4. 重启Sublime Text 2使之生效

但自动安装的Build支持在Windows下有点问题,打开 \Data\Packages\CoffeeScript\Commands\CoffeeScript.sublime-build 文件。将"cmd": ["coffee","-c","$file"] 修改为 "cmd": ["coffee.cmd","-c","$file"]

现在你就可以尽情的享受了。

20 回复

TextMate写起来确实很爽

嗯,开篇我也说了使用TM肯定是最爽的。但是我团的TM还没有下来,所以没有TM使用经验。另外,很多朋友使用Windows作为工作平台,在Windows上可以与TM看齐的,目前Sublime Text 2还是靠谱的。

好麻烦的配置哦~~ 有简单的办法,参考 安装包控制(Package Control) 另外推荐dev

听说这个粉贵啊

sublime text相当靠谱,而且用python做的封装很合我胃口,写插件超级容易的。

@QLeelulu 的方法已经更新的文章,主要针对Windows平台,供大家参考。

@kongwu 不交钱用着也行的,大概一段时间弹出一个交钱提示(仅仅提示),一段时间比较长,基本不会觉得有碍, :)

按照第二种方法

path 需要改成 ‘"path": “$AppData/Roaming/npm”

sublime text2 赞。 用很久了。 推荐装个 Package Control 内置的plugins管理。超级好用。

赞,现在mac下也用这个编辑器

已经用上了,很舒服, 不过,已经不想每次都要习惯不同的编辑器,决心迁移入 Eamcs 再也不动,就啍啍了,

话说最新版的sublime text 2貌似不能试用了

windows下,这句"cmd": [“coffee.cmd",”-c","$file"],只编译,控制台不输出结果。改为"cmd": [“coffee.cmd","$file”],控制台输出结果,不编译。好纠结!

那是作者发布时忘了注释掉代码了,用最新版本的就没有问题了

这样呢?

["coffee.cmd","-c","$file", "&&", "coffee.cmd","$file"]

不给钱可以一直全功能用,仅仅偶尔弹出一个劝购的窗口而以,而且频率很低

也用 sublime text 2 ,只是偶尔弹框而已,用着挺爽的

@danielking 太感谢了,我原先google很多,又忍耐地看官方的文档,都找不到解决方案。

ps:如果添加调试coffeee的语法的工具就更好了。

麻烦问下,这个CoffeeScript是什么?它能解决什么问题?

呵呵,可以认为是文言文版JavaScript。因为在JavaScript中有大量现在被认为是鸡肋的语法和语言特性,所以CoffeeScript只使用JavaScript的精华部分,并且语法上更靠近Ruby之类的语言。CoffeeScript需要编译生成JavaScript,当然有些情况下也可以直接使用。有点类似C语言编译生成机器语言的过程。

回到顶部