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

32

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`](https://github.com/jwiegley/use-package) – DomQ May 07 '20 at 15:49

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

13

(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