LoginSignup
40
38

More than 5 years have passed since last update.

Sublime Text2でcoffeeScript

Posted at

SublimeText2を使って恋に落ちたので勢いエントリです。

SublimeText2とは

軽くて可愛くてプラグインがいっぱいある便利なエディタです。
詳しくは下記サイトで。
”恋に落ちるエディタ”「Sublime Text」 完全入門ガイド!

ちなみに導入を決めたのは↓この機能。
某エディタ使ってて、終了させるたびに確認されるのめんどくさかったんで。

Hotsave
他のエディタであまり見ない画期的な機能の一つです。ファイルを編集した状態でエディタを終了させようとすると「保存しますか?」という確認が出ずにそのまま終了します。勝手に自動保存されたわけではなく、次回、エディタを立ち上げたときに最後に編集された状態が復元されるというわけです!

coffeeScriptが便利になるプラグイン

さて本題です。
最近はすっかりCoffeeScriptナシではJS書けない病です。
しかしSublimeText2はデフォルトではCoffeeに対応していません。
それを対応させる方法です。

PackageControlを導入しよう。

プラグインをインストールするには色んな方法があるみたいですが、これオススメです。
方法もカンタン。

ViewメニューからShow Consoleを選択して、検索窓みたいなところに以下をコピペししてEnter。

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(' ',' ')).read()); print 'Please restart Sublime Text to finish installation'

Sublime Package Control

あとは再起動するだけで使えます。

CoffeeScriptをシンタックスハイライトする。

1.ToolsメニューからCommand Palette…を選択し「install」とタイプしてenter。
2.別窓が開くので「coffee」とタイプします。
3.「CoffeeScript」を選択してenterするとインストールできます。

左下のほうでチカチカしてるのが止まったら完了です。
SublimeText2を再起動してください。
これで拡張子「.coffee」のファイルがシンタックスハイライトされているはずです。

CoffeeScriptをCompileする。

上記の手順で進み、3で「CoffeeCompile」をインストールします。
できたら再起動してください。
「.coffee」のファイルを開き、右クリックすると「CoffeeCompile」という項目があるのでクリック。
すると同じディレクトリに同名のjsファイルが作成されます。

※すでに同名のjsファイルがある場合は上書きされるので注意してください。

まとめ

そんな感じで、手探りでプラグインを入れてみただけで格段に使い勝手がよくなるSublimeText2にフォーリンラブです。
オススメの使い方とかあったらぜひ_watsまでお知らせくださいね!

40
38
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
40
38