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:
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:
- Ve hacia:
File - Preferences - Settings
- Click en:
Text Editor - Formatting
- Selecciona:
Format on Save
- Reiniciamos el VSCode para que los cambios tengan efecto:
Ctrl + Shift + P
y escribimos> reload window
y damosenter
para reiniciar el VSCode.
Listo, ahora con esta configuración cada vez que guardes un archivo, se ejecutara prettier
.