CoffeeScriptの勉強 その1(インストール、環境構築)

Posted by Tatsuyano on Fri, Mar 8, 2013
In
Tags coffeescript

npm(node.js)でのインストール

# node.jsのversionを指定
nvm ls
v0.8.14 v0.9.4
current:        v0.9.4

nvm use 0.9.4
Now using node v0.9.4

npm install -g coffee-script

$ coffee -v
CoffeeScript version 1.6.1

今後頻繁にCoffeeScriptを使いそうなので、zshrcにnode.jsのバージョンを指定しておく

$HOME/.zshrc

[[ -s $HOME/.nvm/nvm.sh ]] && nvm use 0.9.4

source $HOME/.zshrc

emacsにcoffee-modeをインストール

cd $HOME/.emacs.d/elisp
git clone git://github.com/defunkt/coffee-mode.git

$HOME/.emacs.d/conf/52_coffee.el

(add-to-list ‘load-path “~/.emacs.d/elisp/coffee-mode”)
(require ‘coffee-mode)

;; デフォルトだとインデントが Space 8 なので、Space 2 に変更 ;; http://qiita.com/items/a8d96ae95a1838500e37 (defun coffee-custom () “coffee-mode-hook” (set (make-local-variable ‘tab-width) 2) (setq coffee-tab-width 2))

(add-hook ‘coffee-mode-hook ‘(lambda() (coffee-custom)))

インデントに色をつける

CoofeeScriptはrubyのようにインデントごとにブロックを表現するので、
emacsに「Highlight-Indentation-for-Emacs」をインストールする。

cd $HOME/.emacs.d/elisp
git clone https://github.com/antonj/Highlight-Indentation-for-Emacs.git

「Highlight-Indentation-for-Emacs」をインストールすると、
カーソルを合わせているブロック(インデント)に色を付けてくれる「highlight-indentation-current-column-mode」。
ブロック(インデント)ごとに色を付けてくれる「highlight-indentation-mode」などが使えるようになる。

ただ現在「highlight-indentation-mode」をcoffee-modeで初めから使えるようにhookするとerrorは出ないが、色付けをしてくれない。
手動で M-x highlight-indentation-mode と起動させる分には色付けされる。
とりあえず「highlight-indentation-current-column-mode」しか使わないので、こちらだけhookする。

$HOME/.emacs.d/conf/61_highlight.el

(add-to-list ‘load-path “~/.emacs.d/elisp/Highlight-Indentation-for-Emacs”)
(require ‘highlight-indentation)(setq highlight-indentation-offset 2) ;;default:4
(set-face-background ‘highlight-indentation-current-column-face “#ff0000”) ;;default:#000000
(add-hook ‘coffee-mode-hook ‘highlight-indentation-current-column-mode) ;; coffee-mode-hook

参考サイト

以下のサイトを参考にさせていただきました。ありがとうございます!