12

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?

20

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.

  • It might be better to customize-group web-mode and set this. – Christian Stewart Dec 26 '17 at 23:23
0

This is what worked for me:

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

We're looking for long answers that provide some explanation and context. Don't just give a one-line answer; explain why your answer is right, ideally with citations. Answers that don't include explanations may be removed.

  • I'm pretty sure these variables don't affect web-mode indentation at all. – DoMiNeLa10 Jan 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 at 13:19

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.