Paulo Tijero

Instalando Plugin Prettier en el VSCode

Ahora podremos ejecutar prettier cada vez que guardamos un archivo.

Previamente a este artículo, instalamos prettier en un proyecto javascript, para poder ejecutarlo en todos nuestros archivos.

En este artículo abordaremos la instalación del Plugin de Prettier en VSCode y lo configuraremos para que cada vez que demos guardar un archivo, este ejecute prettier.

Instalando el Plugin Prettier en VSCode

Este paso es sencillo, tendríamos que ir hacia la opción de instalación de extensiones del VSCode (cuadrado amarillo), he instalar Prettier - Code Formatter (cuadrado rojo)

VSCode install prettier

O pueden visitar directamente este enlace:

Al dar click en install, los va a redireccionar hacia el VSCode de su computador.

Configuración para ejecutar Prettier

Ahora configuraremos el Plugin, para que se ejecute cada vez que guardemos un archivo.

Para eso tendremos que ir hacia las configuraciones siguiendo estos pasos:

  1. Ve hacia: File - Preferences - Settings
  2. Click en: Text Editor - Formatting
  3. Selecciona: Format on Save
  4. Reiniciamos el VSCode para que los cambios tengan efecto: Ctrl + Shift + P y escribimos > reload window y damos enter para reiniciar el VSCode.

Listo, ahora con esta configuración cada vez que guardes un archivo, se ejecutara prettier.