Instalando Plugin Prettier en el VSCode

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)

O pueden visitar directamente este enlace:

• Market Place VSCode - Prettier Code Formatter

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.