使用Sublime Text 2编辑CoffeeScript
发布于 12 年前 作者 seanlv 22827 次浏览 最后一次编辑是 8 年前

<p>CoffeeScript作者是推荐使用TextMate编辑CoffeeScript的。但是TextMate收费,并且对中文支持不好。如果你不在意这两个问题,那么强烈推荐你使用TextMate,并关注CoffeeScript作者的<a href=“https://github.com/jashkenas/coffee-script-tmbundle”>TextMate Bundle for CoffeeScript</a>项目。</p>

<p>如果你像我一样对TextMate水土不服,可以来试试<a href=“http://www.sublimetext.com/2”>Sublime Text 2</a>。</p>

<p>第一步, 安装CoffeeScript:</p>

<pre><code>npm install -g coffee-script </code></pre>

<p>第二步,下载并安装Sublime Text 2:</p>

<pre><code>http://www.sublimetext.com/2 </code></pre>

<p>第三步,为CoffeeScript提供语法高亮支持:</p>

<ol> <li>下载<a href=“https://github.com/jashkenas/coffee-script-tmbundle/blob/master/Syntaxes/CoffeeScript.tmLanguage”>CoffeeScript.tmLanguage</a>。来自<a href=“https://github.com/jashkenas/coffee-script-tmbundle”>TextMate Bundle for CoffeeScript</a>项目,在Sublime Text 2中也可以使用;</li> <li>Windows平台:将CoffeeScript.tmLanguage保存在{Sublime Text 2}\Data\Packages\CoffeeScript</li> <li>Mac平台:将CoffeeScript.tmLanguage保存在~/Library/Application Support/Sublime Text 2/Packages/CoffeeScript/</li> </ol>

<p>第四步,为CoffeeScript提供Build支持:</p>

<ol> <li><p>启动Sublime Text 2,Tools -> Build System -> New Build System…</p>

<p><code>{ “cmd”: [“coffee”, “$file”], “selector”: “source.coffee” }</code></p></li> <li><p>保存在默认的User目录中。</p></li> </ol>

<p>第五步,测试:</p>

<ol> <li><p>在Sublime Text 2中新建test.coffee文件:</p>

<p><code>console.log ‘Hello, wordl!’</code></p></li> <li><p>CMD+B 或 CTL+B执行脚本,得到以下输出:</p>

<p><code>Hello, wordl! <br/> [Finished]</code></p></li> </ol>

<p><strong>Update:</strong></p>

<p>按 @QLeelulu 的方法,使用<a href=“http://wbond.net/sublime_packages/package_control”>安装包控制(Package Control)</a>安装CoffeeScript支持包确实很方便。我在Windows平台试了一下,有一个小小的问题需要注意,写下来供大家参考。</p>

<p>在安装了CoffeeScript和Sublime Text 2之后,我们首先要给Sublime Text 2安装<a href=“http://wbond.net/sublime_packages/package_control”>Sublime Package Control</a>,方法如下:</p>

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

<pre><code>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’ </code></pre>

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

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

<p>接下来,安装Coffee支持:</p>

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

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

<p>现在你就可以尽情的享受了。</p>

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语言编译生成机器语言的过程。

回到顶部