`

CoffeeScript的Sublime Text 2开发环境配置

阅读更多

转于:http://www.cnblogs.com/2gua/archive/2012/07/05/2577603.html

 

Sublime Text 2很好很强大,咱就用它来编辑Coffee代码吧。

安装Sublime Text 2过程就略过了。
下载地址:http://www.sublimetext.com/2      选择适合自己系统的版本
 
实现语法着色
 
https://github.com/jashkenas/coffee-script-tmbundle/tree/master/Syntaxes下载CoffeeScript.tmLanguage这个文件,用Git来Get它吧,不要直接右键下载,或者直接进入这个文件复制黏贴。
cd c:/
git clone https://github.com/jashkenas/coffee-script-tmbundle.git
 
在C:\Users\username\AppData\Roaming\Sublime Text 2\Packages里新建一个目录CoffeeScript,把Get下来的CoffeeScript.tmLanguage及CoffeeScript (Literate).tmLanguage(C:\CoffeeScriptBundle.tmbundle\Syntaxes目录下)放里面。
 
运行Coffee程序
 
打开Sublime Text 2,菜单操作:Tools -> Build System -> New Build System...,输入如下:

{

"cmd": ["C:\\Program Files\\nodejs\\coffee.cmd", "$file"],

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

"selector": "source.coffee"

}

 

这里的coffee.cmd就是echo %NODE_PATH%结果的上一级文件夹下的coffee.cmd

C:\\Program Files\\nodejs\\coffee.cmd的路径一定要正确,否则会报“error 2”错误代码。

然后命名为Coffee.sublime-build,保存到刚才建立的CoffeeScript目录中,也就是跟CoffeeScript.tmLanguage放在一起。

以上搭建好了CoffeeScript的Sublime Text 2开发环境,接下来测试一下:

新建hello.coffee文件:

console.log 'Hello, Coffee! Hello, 戴!'

 

CTRL+B,运行:

  



 

分享到:
评论

相关推荐

    sublime text2 coffeescript perl SideBarEnhancements 等配置

    在这个“sublime text2 coffeescript perl SideBarEnhancements 等配置”的主题中,我们将探讨如何为Sublime Text 2配置CoffeeScript和Perl编程环境,以及如何利用SideBarEnhancements插件优化左侧树菜单。...

    sublime-tabs:Atom的Sublime样式标签(**已终止

    《Sublime风格标签在Atom中的应用与探讨》 在编程世界里,编辑器是开发者们不可或缺的工具,而...对于开发者而言,理解和研究这样的项目,可以提升我们对编辑器定制化的认识,从而更好地适应和优化我们的开发环境。

    chirpy-源码.rar

    《Chirpy源码解析与应用探讨》 Chirpy,这个名字源于鸟类的鸣叫,寓意轻快、灵活,恰如其分地概括了这款软件的特性。...在不断变化的开发环境中,Chirpy源码的解析与应用无疑是提升我们技术素养的重要一步。

    grifotv-portfolio:我的作品集是使用Sublime,CoffeeScript,Backbone.js,jQuery Isotope,Paper.js和Google Docs电子表格作为CMS开发的

    这个作品集的构建是通过Sublime Text,一个广受欢迎的代码编辑器,以其丰富的特性、快捷键和自定义选项而受到开发者喜爱。CoffeeScript是一种简洁的编程语言,它编译成JavaScript,提供了更易读、更简洁的语法,使得...

    livereload_2_1_0_-.zip

    - **编辑器插件**:很多代码编辑器(如VSCode、Sublime Text、Atom)有内置或第三方的LiveReload支持,可以更方便地集成到开发环境中。 #### 注意事项 - 确保浏览器扩展和服务器在同一网络环境下,否则可能无法...

    ruby on rails

    6. **开发工具**:如TextMate、Sublime Text、VS Code或Atom等文本编辑器,它们具有强大的Rails插件,可以提高开发效率。此外,Git用于版本控制,终端用于命令行操作。 7. **集成开发环境(IDE)**:如RubyMine,...

    atom-wrap-plus:Atom 编辑器的增强自动换行

    虽然目前可能还在开发中,但对于那些经常处理长行代码的开发者来说,它提供了一个更高效的工作环境。同时,通过使用CoffeeScript编写,该插件也展示了如何利用Atom的可扩展性来满足个人化需求。如果你是Atom的忠实...

    LiveReload(20220413最新)

    2. 集成编辑器支持:LiveReload 可以与许多流行的代码编辑器(如Sublime Text、Atom、Visual Studio Code等)集成,提供更便捷的触发刷新的方式。 3. 插件系统:除了基础功能,LiveReload 还可以通过安装插件扩展其...

    dotfiles:康斯坦丁·纳扎罗夫(Konstantin Nazarov)的点文件

    6. **TextMate/Atom/Sublime Text等代码编辑器的配置**:这些编辑器通常有自己的配置文件,如`.sublimesettings`、`.atom` 或 `.TextMate Preferences`,用于设定字体、颜色主题、代码片段等。 7. **系统级配置**:...

    titanium-language-javascript

    3. `README.md`文件:项目介绍和使用指南,包括如何将扩展集成到开发环境中。 4. `LICENSE`文件:项目的许可协议,规定了软件的使用和分发规则。 5. `.gitignore`文件:定义了在版本控制中忽略的文件类型。 6. `....

    language-imba

    5. **IDE集成**:这个原子包可能包含了集成Imba语言到主流IDE(如Visual Studio Code、Atom或Sublime Text)的配置文件和插件,使得开发者可以得到代码补全、错误检查等功能。 6. **版本控制**:"language-imba-...

    atom-editor:ATOM编辑器的默认键盘映射等

    例如,如果你想让Atom执行SublimeText的某些特定快捷键行为,你可以在`keymap.cson`中添加相应的映射规则。 另一个关键的自定义工具是`snippets.cson`文件,它允许用户创建代码片段,提高编程效率。这些代码片段...

    autocomplete-abl:OpenEdge ABL 的 Autocomplete-plus

    通过将"autocomplete-abl"集成到你的开发环境中,你可以享受到类似于其他现代IDE或代码编辑器的智能提示和自动补全体验,这对于熟悉OpenEdge ABL语法的程序员来说尤其有用。 这个工具的核心特性包括: 1. **语境...

    guess-indent:Atom编辑器的“从缓冲区猜测缩进设置”

    "Guess Indent"插件的设计灵感来源于Sublime Text编辑器的一个特性,即“从缓冲区的Guess Indentation设置”。这个功能使得编辑器能够智能地分析当前打开的文件,识别出其中的缩进方式(如空格或制表符)以及缩进的...

    atom-language-gsql:Atom中的GSQL语言支持

    1. **Atom插件开发**:了解如何为Atom编辑器开发自定义插件,包括使用CoffeeScript或JavaScript编写插件逻辑,以及如何配置`package.json`文件。 2. **GSQL语言**:深入学习GSQL的语法、语句结构、操作类型(如创建...

    重要文件

    为了更好地理解和编辑这些文件,开发者通常会使用文本编辑器或集成开发环境(IDE),如Visual Studio Code、Sublime Text或Atom。这些工具提供了代码高亮、自动完成、错误检查等功能,极大地方便了开发工作。 最后...

    酷炫的爆栈网源码.zip

    Sublime Text WebStorm Atom [GitHub] Vim Emacs Brackets [GitHub] Light Table [GitHub] Visual Studio Visual Studio Code [GitHub] ...

    language-objective-j

    "language-objective-j"包可能就是这样的资源,用于改善开发环境。 了解这些知识点后,你可以更有效地编写和调试Objective-J代码,特别是在使用Cappuccino框架构建Web应用时。对于那些熟悉Objective-C但希望在Web...

Global site tag (gtag.js) - Google Analytics