EmacsでHTMLの補完機能をつけてみました。

パッケージのインストール

まずは、パッケージのインストール

M-x package-install
Install-package: web-mode

これでパッケージのインストールは完了です。

web-mode.elの編集

次に、web-mode.elの編集をします。
/.emacs.d/init.elファイルに、コードを書いていきます。
web-modeの公式サイトを参考に、自由にカスタマイズしていきます。

init.el

(requere 'web-mode)
(add-to-list auto-mode-alist '("¥¥.html?¥¥'" . web-mode))

(defun my-web-mode-hook ()
  "Hooks for Web mode."

  ;; インデント設定
  (setq web-mode-markup-indent-offset 4)
  (setq web-mode-css-indent-offset 4)
  (setq web-mode-code-indent-offset 4)

  ;; 要素のハイライト
  (setq web-mode-enable-current-element-highlight t)

  ;; フォントの配色
  (set-face-attribute 'web-mode-doctype-face nil :foreground "Pink3")
  (set-face-attribute 'web-mode-html-tag-face nil :foreground "Green")
  (set-face-attribute 'web-mode-html-attr-value-face nil :foreground "Yellow")
  (set-face-attribute 'web-mode-html-attr-name-face nil :foreground "#0FF")

  ;; タグを自動で閉じる
  (setq web-mode-enable-auto-pairing t)
  (setq web-mode-enable-auto-closing t)
)
(add-hook 'web-mode-hook 'my-web-mode-hook)

とりあえず今回はここまで。
またCSSやJSなどについてもやってみようと思います。