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-03 13:17:56Z

27

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.

answered Aug 3 '16 at 12:08

Ryan

3,4891 gold badge20 silver badges45 bronze badges

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 7 '20 at 15:49

Add a comment |

DomQ · Accepted Answer · 2020-05-07 15:51:04Z

6

(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 7 '20 at 15:51

DomQ

1751 silver badge5 bronze badges

Add a comment |

Billal Begueradj · Accepted Answer · 2019-01-19 12:13:26Z

2

This is what worked for me:

(setq indent-tabs-mode nil
      js-indent-level 2)

answered Jan 19 '19 at 12:13

Billal Begueradj

2451 gold badge3 silver badges13 bronze badges

1

I'm pretty sure these variables don't affect web-mode indentation at all. – user12563 Jan 19 '19 at 13:17
the provided solution above did not work for me. What I shared here is what solved this issue for me., actually (js-indent-level 2) will do the job also – Billal Begueradj Jan 19 '19 at 13:19

Add a comment |

3 Answers 3