How do I set up indentation to 2 spaces in web-mode

Question

I just installed web-mode. It works, but the indentation seems to be set to 4 spaces by default. How does one properly set it to 2 spaces?

Ryan · Accepted Answer · 2016-08-03T13:17:56.750

34

According to the web-mode documentation, you can do that with the following:

(defun my-web-mode-hook ()
  "Hooks for Web mode."
  (setq web-mode-markup-indent-offset 2)
)
(add-hook 'web-mode-hook  'my-web-mode-hook)

You can also set values for web-mode-css-indent-offset for CSS, and web-mode-code-indent-offset Javascript, Java, PHP, etc.

edited Aug 03 '16 at 13:17

answered Aug 03 '16 at 12:08

Ryan

3

It might be better to customize-group web-mode and set this. – Christian Stewart Dec 26 '17 at 23:23
@ChristianStewart or even better, do it with use-package – DomQ May 07 '20 at 15:49

score 14 · Answer 2 · answered May 07 '20 at 15:51

14

(use-package web-mode
  :custom
  (web-mode-markup-indent-offset 2)
  (web-mode-css-indent-offset 2)
  (web-mode-code-indent-offset 2))

answered May 07 '20 at 15:51

DomQ

2 Answers2