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 6 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 /

  4. Mike Rooney /
    Usando Google Chrome Google Chrome 109.0.0.0 en Windows Windows NT

    I found your this post while searching for some related information on blog search…Its a good post.Yellowstone S05 Ryan Jacket

  5. Andrew Mark /
    Usando Google Chrome Google Chrome 109.0.0.0 en Windows Windows NT

    Excellent article. The writing style which you have used in this article is very good and it made the article of better quality.
    Barbie Ryan Gosling Vest

Leave a Reply