En mi caso al instalar Prettier no me formateaba al guardar. Para esto tuve que ir a File->Preference->Setting Text Editor-> Formating y active el combo “Format on Save”
Bienvenida e Introducción
¿Qué son las pruebas unitarias?
¿Por qué hacer pruebas unitarias?
Creando un framework de pruebas básico
Mi primera prueba unitaria en JavaScript
Las funciones expect() y it()
Organizando el código para correr en la web
Organizando el código para correr utilizando nodejs
Análisis estático de código
Herramientas de análisis estático de código
ESLint: Agregando alertas a nuestro código con ECMA Script
Herramientas de corrección de estilo
Herramientas de tipado
Trabajando con Jasmine en el frontend
Profundización en SpyOn: Comandos más utilizados y cómo ponerlos a prueba
Configurar un ambiente de trabajo para trabajar con el framework jasmine
Configurar Jasmine utilizando Node.js
Primer set de pruebas con Jasmine
Diccionario Jasmine
Probando Nodejs apps con Jasmine
Introducción al módulo de testing del lado del servidor
Configurando el proyecto Jasmine utilizando npm
Agregando Plugins a Jasmine
Configurando nuestro reporter
Pruebas en el servidor: Verificando un status 200 en GET
Pruebas en el servidor: Probando el método GET y Reto con FindByID
Pruebas en el servidor: Probando el método POST (request to server)
Pruebas en el servidor: Probando el método POST (request to PDF)
Probando Angular apps con Jasmine
Tipos de pruebas
Pruebas en el frontend: Probando el componente principal (App)
Configurando los ciclos de vida
Creando las pruebas del formulario: Configuración
Creando las pruebas necesarias para un formulario. (Primeras pruebas)
Probando el caso de exito al guardar un elemento en el servidor.
Trabajando con event emitters
Testeando ngZone y navegación.
Configurando el TestBed de el componente PINs
Creando un espia sobre el objecto window
Pruebas de integración de Angular apps con Jasmine
Ejecutando funciones a través de eventos en el template
Probando la navegación
Probando servicios con HTTP
Completando las pruebas del servicio HTTP
Cierre del curso
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Iniciar sesión
Herramientas de corrección de estilo
9/38Recursos
Prettier es un formateador de código opinado. Aplica un estilo coherente al analizar su código y reimprimirlo con sus propias reglas que toman en cuenta la longitud máxima de la línea, envolviendo el código cuando sea necesario.
Puede ejecutarse en su editor al guardar, en un gancho de confirmación previa o en entornos CI para garantizar que su base de código tenga un estilo coherente sin que los desarrolladores tengan que publicar un comentario minucioso sobre una revisión de código.
Ofrece soporte para:
- JavaScript, including ES2017
- JSX
- Angular
- Vue
- Flow
- TypeScript
- CSS, Less, and SCSS
- HTML
- JSON
- GraphQL
- Markdown, including GFM and MDX
- YAML
Por ejemplo tenemos éste codigo de JavaScript mal formateado:
foo(reallyLongArg(), omgSoManyParameters(), IShouldRefactorThis(), isThereSeriouslyAnotherOne());
Al pasar Prettier nos lo deja de una manera más legible:
foo(
reallyLongArg(),
omgSoManyParameters(),
IShouldRefactorThis(),
isThereSeriouslyAnotherOne()
);
Aportes 9
Preguntas 0
Ordenar por:
Recomiendo no instalar cosas globales mejor dejarlas sobre el proyecto, en este caso para instalar como dependencia de desarrollo seria npm install --save-dev prettier
A mi no me autoformateaba al guardar hasta que puse en settings.json lo siguiente:
{
"editor.defaultFormatter": "esbenp.prettier-vscode",
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
}
}
En el caso quie necesiten hacer override pueden crear un archivo para agregar lo que quieran ahi, por ejemplo en mi caso no uso ; por lo que lod esactive seteando semi en false . https://prettier.io/docs/en/configuration.html
A mí no me formateaba al guardar como el video de la clase, lo que hice fue:
Presionar: Alt + shift + f
Me salió una ventana de establecer formateador por defecto y seleccione Prettier.
Adicional si con eso no queda entrar a:
File / Preferences / Settings / Text Editor / Formatting
y marcar el recuadro de Format on Save
Linters => Code Quality
Prettier => Code Formatting
Pueden convivir usando:
https://github.com/prettier/eslint-config-prettier
Pues yo guardo y no me formatea mi código, hoy es 25-04-2020 voy investigar en la documentación haber que esta pasando!
eslint me arroja error al final del ultimo caracter, se les ocurre porque puede ser?? Despues del ; del saludar. Probe poniendolo entre { } y sacando el : pero sigue igual.
const saludar = nombre => `Hola ${nombre}`;
module.exports = saludar;
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.