Publi

Arreglar la indentación para los CSS en Emacs

¿Alguna vez te has editado archivos CSS en Emacs? Es horrible, ya que la configuración por defecto de css-mode (El modo que arregla el indentado, coloreado y en definitiva la experiencia de usuario a la hora de utilizar archivos CSS en Emacs) es un poco mala. Es más o menos así:

Lo que debemos hacer es añadir unas líneas en nuestro archivo $HOME/.emacs:

1
2
3
4
(setq cssm-indent-level 4)
(setq cssm-newline-before-closing-bracket t)
(setq cssm-indent-function #'cssm-c-style-indenter)
(setq cssm-mirror-mode nil)

Ahora repasamos lo que estamos haciendo:

1
(setq cssm-indent-level 4)

Esta línea es para usar 4 espacios como separación en el indentado.

1
(setq cssm-indent-function #'cssm-c-style-indenter)

Esta es casi la más importante, y es que si ponemos la “{” al final de una línea, como en la imagen, cuando indentamos las instrucciones que tenemos dentro del estilo que estamos editando, saldrán con mucha separación, justo a la altura de la “{“. Si nuestro proyecto es sólo nuestro da igual, pero si estamos colaborando con gente, o el estilo de programación elegido no es ese, la hemos liado.

1
(setq cssm-mirror-mode nil)

Cuando escribamos “{” se escribirá automáticamente “}” y cuando abramos un paréntesis “(“, se cerrará automáticamente “)”

1
(setq cssm-newline-before-closing-bracket t)

Esto es muy cómodo y es que cuando abrimos una llave “{“, cuando automáticamente se escriba la llave cerrada “}” dejará una línea de separación entre ellas.

Finalmente, conseguiremos algo así:

Y gracias a la magia de Emacs y al comando indent-region podremos re-indentar archivos completos.

Fuente: Stokebloke

También podría interesarte...

There are 4 comments left Ir a comentario

  1. Pingback: Bitacoras.com /

  2. kenkeiras /
    Usando Mozilla Firefox Mozilla Firefox 17.0 en Linux Linux

    Muy bueno, a añadirlo a la configuración ya 😀

    1. admin / Post Author
      Usando Mozilla Firefox Mozilla Firefox 16.0 en Ubuntu Linux Ubuntu Linux

      Gracias ! Qué rápido eres !

  3. Pingback: BlogESfera.com /

Leave a Reply