Saltar al contenido principal

GUI-DGT-004 Uso de prettier

v 1.1

Objetivo

Esta guía tiene como propósito mostrar al equipo DotGeist la instalación y uso de prettier para formateo de código.

Notas introductorias

Prettier es una herramienta de formateo de código que automáticamente ajusta el estilo de tu código para que sea consistente y legible, lo que facilita la colaboración en equipos y el mantenimiento del código.

Contenido

  1. Entra a VSCode e instala la extensión Prettier.

Instalación de prettier

  1. Presiona CTRL + , (para windows) o Command + , (para mac). Esto abrirá la pestaña de configuración de VSCode.

Configuración VSCode

  1. Dentro de esta pestaña, busca la palabra format.

Format

  1. Selecciona Prettier como default formatter.

Default

  1. Activa la opción Format on save.

onSave

  1. Ahora tu código se formateará con Prettier cada que guardes un documento. Adicionalmente, puedes correr el siguiente comando para verificar que tu código esté correctamente formateado.
pnpm run lint

runLint

  1. En caso de encontrar algún error en el formateo, puedes ejecutar el siguiente comando.
pnpm run lint:fix

runLintFix

Tu código estará ahora correctamente formateado. Contempla siempre formatear tu código antes de mandar algún cambio al repositorio.

Control de cambios

VersiónCambio realizadoAnálisisAutorRevisor(es)Fecha de cambio
v 1.0Creación de la guíaN/AArturo DíazIan Padrón23/04/2024
v 1.1Cambio en el nombreActualizar para continuar con la secuencia de IDsSergio GarnicaDenisse Domínguez24/04/2024