Edited at

MacのEmacsでweb-mode.elを使う

More than 5 years have passed since last update.


Emacsでhtml/css/jsが含まれているファイルを書きたい


web-modeを導入する



  • web-mode.elから.elを落としてくる

  • ~/.emacsに設定を追記

;; web-mode

(require 'web-mode)
;; 拡張子の設定
(add-to-list 'auto-mode-alist '("\\.phtml$" . web-mode))
(add-to-list 'auto-mode-alist '("\\.tpl\\.php$" . web-mode))
(add-to-list 'auto-mode-alist '("\\.jsp$" . web-mode))
(add-to-list 'auto-mode-alist '("\\.as[cp]x$" . web-mode))
(add-to-list 'auto-mode-alist '("\\.erb$" . web-mode))
(add-to-list 'auto-mode-alist '("\\.html?$" . web-mode))
;; インデント関係
(defun web-mode-hook ()
"Hooks for Web mode."
(setq web-mode-html-offset 4)
(setq web-mode-css-offset 4)
(setq web-mode-script-offset 4)
(setq web-mode-php-offset 4)
(setq web-mode-java-offset 4)
(setq web-mode-asp-offset 4)
(setq indent-tabs-mode t)
(setq tab-width 4))
(add-hook 'web-mode-hook 'web-mode-hook)


インデントを4にしたのに2で固定されちゃうので解決する


  • 調査して後で書く


参考