Editorconfig

@frontend_3 Editorconfig Definiendo estilos de código

@frontend_3 Elizabeth Manrique Frontend Web Developer Grupo El Comercio @frontend_3
[email protected]

@frontend_3 ¿Por qué usar EditorConfig?

@frontend_3 Porque ayuda a definir y mantener estilos de código

@frontend_3 ¿Cuáles?

@frontend_3 1. Indent style 2. Indent size 3. End of
line 4. Charset 5. Trim trailing whitespace 6. Etc Lista de configuración completa en: https://github.com/editorconfig/editorconfig/wiki/EditorConfig-Properties

@frontend_3 ¿Para qué?

@frontend_3 Para que no pase esto...

@frontend_3

@frontend_3 Cada desarrollador utiliza el editor de código de su
preferencia

@frontend_3

@frontend_3 Eventualmente cualquier desarrollador tendrá que modificar el archivo que
trabajó otro

@frontend_3 Para trabajar correctamente su editor debe de tener la
misma configuración del la que el autor lo trabajó

@frontend_3 Como trabaja el desarrollador A Como trabajó el desarrollador
B vs Indentación en espacios (2) Indentación en tabs (4) Sin espacios en blanco Espacio en blanco

@frontend_3 y otra vez

@frontend_3 ¡Solución!

@frontend_3 Definir un archivo de configuración

@frontend_3 Ejemplo

@frontend_3

@frontend_3 Estructura general

@frontend_3 1. Extensión(es) del archivo. 2. Estilo de indentación. 3.
Ancho de tab o identación. 4. Charset. 5. Final de línea. 6. Borrar espacios en blanco. 7. Insertar línea al final.

@frontend_3 Específico

@frontend_3

@frontend_3 Compatibilidad

@frontend_3 Soporte Nativo

@frontend_3 Soporte con plugins

@frontend_3 ¿Qué proyectos lo usan?

@frontend_3 Casi todo el mundo

@frontend_3 https://github. com/editorconfig/editorconfig/wiki/Projects- Using-EditorConfig

@frontend_3 Pro-Tips

@frontend_3 1. Trackea .editorconfig en el repositorio del proyecto. 2.
Crea tanto archivos “.editorconfig” como sea necesario (back/front). 3. Si vas a agregar editorconfig a un proyecto que no es nuevo, es posible que se generen cambios en archivos que abriste pero no modificaste. Editorconfig aplica las reglas de estilo si es que el archivo no cumplía con ellas. 4. Agrega editorconfig a todos tus proyectos (aunque sea el más pequeño). Eso asegurará que no importe el editor de código de quién lo abra puesto que tendrá la misma configuración.

@frontend_3 1. https://treyhunner.com/editorconfig-slides 2. http://editorconfig.org/ Links

@frontend_3 Gracias

Editorconfig

Editorconfig

More Decks by Elizabeth Manrique

Other Decks in Programming

Featured

Transcript