CoffeeScript的Sublime Text 2開發環境配置
【發一篇,祝圖靈明天的生日盛會熱鬧開心】
接上篇:Windows下安裝NodeJS和CoffeeScript方法 http://www.ituring.com.cn/article/details/4048
Sublime Text 2很好很強大,我們就用它來編輯Coffee程式碼吧。
安裝Sublime Text 2過程就略過了。
實現語法著色
到https://github.com/jashkenas/coffee-script-tmbundle/tree/master/Syntaxes下載CoffeeScript.tmLanguage這個檔案,用Git來Get它吧,不要直接右鍵下載,或者直接進入這個檔案複製黏貼。
在C:\Users\username\AppData\Roaming\Sublime Text 2\Packages裡新建一個目錄CoffeeScript,把Get下來的CoffeeScript.tmLanguage放裡面。
執行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就是上篇《Windows下安裝NodeJS和CoffeeScript方法》第一種方式建立的檔案,在你的Windows環境裡,把上篇的兩種方式都實現,我覺得用起來比較方便。
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, DP!'
CTRL+B,執行:
相關文章
- Sublime Text 2的Haskell開發環境設定Haskell開發環境
- 設定 Sublime Text 的 Python 開發環境Python開發環境
- Mac 使用Sublime Text 3 搭建C開發環境Mac開發環境
- AngularJS + CoffeeScript 前端開發環境配置詳解AngularJS前端開發環境
- 如何開發 Sublime Text 2 的外掛
- 在windows環境下基於sublime text3的node.js開發環境搭建WindowsNode.js開發環境
- 為 Laravel 開發而配置的 Sublime Text 3Laravel
- 將Sublime Text 3設定為Python全棧開發環境Python全棧開發環境
- Nodejs開發(1.Sublime Text 3配置)NodeJS
- 使用sublime搭建python開發環境Python開發環境
- Sublime Text 2的一些外掛配置(MacOSX)Mac
- 配置silverlight 2的開發環境開發環境
- 開發環境配置開發環境
- 使用sublime text3搭建Python編輯環境Python
- 我的 Sublime text 外掛配置
- emacs開發環境配置(4)——rust開發環境Mac開發環境Rust
- 配置開發環境、生成環境、測試環境開發環境
- sublime text前端程式碼開發神器前端
- react 配置開發環境React開發環境
- js開發環境配置JS開發環境
- Java開發環境配置Java開發環境
- weex開發環境配置開發環境
- Arduino開發環境配置UI開發環境
- Ubuntu開發環境配置Ubuntu開發環境
- django2專案環境開發基本配置Django
- 我的Ubuntu 開發環境配置Ubuntu開發環境
- 配置豪華的 Windows 開發環境Windows開發環境
- Sublime Text2配置執行Python程式碼功能Python
- 全棧開發必備的 Sublime Text 外掛全棧
- Sublime Python3 虛擬環境配置Python
- Docker配置PHP開發環境DockerPHP開發環境
- MacOS 配置 Flutter 開發環境MacFlutter開發環境
- MacOS PHP 開發環境配置MacPHP開發環境
- (二) electron 開發環境配置開發環境
- Mac 基本開發環境配置Mac開發環境
- Webpack 配置 React 開發環境WebReact開發環境
- 配置Groovy開發環境(Windows)開發環境Windows
- Libgdx開發環境配置開發環境