Emacsのcss-modeが複数ある件 - 牌語備忘録 -pygo

デフォのやつだとプロパティ打ち間違えても色付けされちゃうので、やっぱり２のLars版使うことにした(´･ω･`)

css-modeいろいろ

Emacs22のcss-mode.el。たぶんデフォではいってるヤツ（あまり使われてないっぽい？）
A CSS editing mode for Emacs Lars Marius Garsholさん作のcss-mode.el（ググると出てくるcss-modeの設定とかはたぶんコレ）
こんなのもある EmacsWiki: css-mode.el
他にも？

デフォルトで入ってたcss-mode使用

２番目のを使ってたけど、デフォのcss-mode.elを使うことにした。

長所

デフォは利点だよねー
構造をインデントで表現（できるっぽい？）
それなりに色分けされる
機能が少ないので惑わされない

短所

補完とかナイっぽい(´･ω･`)
便利機能が特にナイっぽい(||ﾟДﾟ)

少々カスタマイズしてみた

インデントはスペース２
『;』で ;+RET なるようにしてみた
それから『{』を入力すると（例：h1 の後とか）

h1 {
  /*カッコ閉じてカーソルここに来る*/
}

あと、css-mode.el に書いてあったプロパティ名とか abbrev_defs に登録して補完できるようにしたけど略。

elsp

(defun semicolon-ret ()
  (interactive)
  (insert ";")
  (newline-and-indent)
  )
(defun brace-ret-brace ()
  (interactive)
  (insert "{") (newline-and-indent)
  (newline-and-indent)
  (insert "}") (indent-for-tab-command)
  (newline-and-indent) (newline-and-indent)
  (previous-line) (previous-line) (previous-line)
  (indent-for-tab-command)
  )
(add-hook 'css-mode-hook
              (lambda ()
                (setq css-indent-offset 2)
                (define-key css-mode-map ";" 'semicolon-ret)
                (define-key css-mode-map "{" 'brace-ret-brace)
                ))

こんな感じ？