跳到主要内容
CNode

使用Sublime Text 2编辑CoffeeScript

社区
Sseanlv发布于 15 年前最后回复 14 年前
19244790

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) 的方法,使用安装包控制(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"]

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

查看回复

回复 (19)

S
seanlv#1914 年前
引用 leolovenodejs麻烦问下,这个CoffeeScript是什么?它能解决什么问题?

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

L
leolovenodejs#1814 年前

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

Z
zysam#1714 年前
引用 zysamwindows下,这句"cmd": ["coffee.cmd"," c","$file"],只编译,控制台不输出结果。改为"cmd": ["coffee.cmd","$file"],控制台输出...

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

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

D
danielking#1614 年前
引用 kongwu听说这个粉贵啊

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

C
cxzlhr#1414 年前
引用 czxbin话说最新版的sublime text 2貌似不能试用了

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

Z
zysam#1314 年前

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

C
czxbin#1214 年前

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

Z
zoomquiet#1115 年前

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

J
jankuo#1015 年前

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

Q
qingdu#915 年前

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

K
koalalalala#815 年前

按照第二种方法

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

F
fish#715 年前

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

S
seanlv#615 年前

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

S
sshwsfc#515 年前

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

K
kongwu#415 年前

听说这个粉贵啊

Q
qleelulu#315 年前

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

S
seanlv#215 年前

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

T
tiankui#115 年前

TextMate写起来确实很爽

参与回复

登录后即可参与回复。登录