[emacs] LESSのためのless-modeを導入!

• Sass
• Stylus
• LESS

など、CSSメタ言語(というのか)を利用する機会が増えています。
twitter-bootstrapは、LESSで書かれているし、 ExpressではLESSやStylusが使えます。
ということで、僕のemacsにもLESSを扱いやすくするlispを追加してみました。
ちなみに、SassとStylusに関しては、
[emacs] scss-mode
[emacs] jade-mode, stylus-mode
を見ていただければ、と思います。

LESSのlispは、

• less-css-mode
• less-mode

があります。 前者は、css-modeに依存しており、僕のemacsでは適切なcss-modeがインストールできず使えなかったため、 (次のような警告が出ました。 Wrong css-mode.el: please use the version by Stefan Monnier, bundled with Emacs >= 23.) 後者をインストールしました。

less-modeをダウンロードして、~/.emacsに、

(add-to-list 'load-path "/path/to/less-mode.el")
(require 'less-mode)

とすることで、*.lessのメジャーモードがLessになりました。 インデントも問題無さそうです。

[emacs] jade-mode, stylus-mode

node(node.js)+expressを使ったWebアプリケーションを書く環境を整えています。
僕はEmacsを使っているんで、expressのテンプレートエンジンであるJadeとCSSメタ言語Stylusを Emacsで書くために、jade-modeをインストールしました。
ので、その設定を書いときます。

jade-modeは、 https://github.com/brianc/jade-mode/ からもってきます。
jade-modeがstylusモードを内包していました。

.emacsには、以下を追加します。

  (add-to-list 'load-path "/path/to/jade-mode")
  (require 'stylus-mode)
  (require 'jade-mode)    
  (add-to-list 'auto-mode-alist '("\\.styl$" . stylus-mode))
  (add-to-list 'auto-mode-alist '("\\.jade$" . jade-mode))

簡単すね。

[emacs] scss-mode

Rails3.1から採用されたscssをemacsで読み書きしたい。
ということで、scss-modeを導入しました。

※ scssについては、こちらを。
   http://sass-lang.com/

1. scss-modeの取得
    githubからcloneしました。
    https://github.com/antonj/scss-mode/

2. .emacsの編集

 (add-to-list 'load-path "path/to/scss-mode")
 (require 'scss-mode "scss-mode")
 (add-to-list 'auto-mode-alist '("\\.scss\\'" . scss-mode))

3. emacs再起動
    emacsを再起動します。