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
Pruebas Unitarias con Jasmine para JavaScript
Pruebas Unitarias en JavaScript con Jasmine
Creando un framework de pruebas básico
Pruebas Unitarias Básicas con JavaScript
Pruebas Unitarias con JavaScript: Funciones IT y SPEC
Refactoriza pruebas en JavaScript con Jasmine y Node.js
Pruebas Unitarias con Node.js: Módulos y Exportaciones
Análisis estático de código
Linters y Tipado Estricto en JavaScript con VS Code
Configuración de ESLint en VS Code paso a paso
Configuración de Prettier para Formateo Automático de Código
Tipado estático en TypeScript para JavaScript.
Trabajando con Jasmine en el frontend
Pruebas Unitarias con Jasmine y Uso de spyOn
Configuración de Jasmine para pruebas en proyectos frontend
Pruebas Unitarias con Jasmine y Node.js
Pruebas Unitarias en JavaScript con Jasmine
Creación de pruebas unitarias con Jasmine
Probando Nodejs apps con Jasmine
Pruebas Unitarias en Node.js y Angular con Jasmine
Pruebas Unitarias en Node.js con Jasmine
Pruebas Unitarias con Jasmine y Configuración de Consola Avanzada
Reporte de Cobertura de Código con InstaBoot.js
Pruebas Unitarias de Métodos GET en Node.js con Express
Pruebas de Error 500 en Servidores Node.js
Pruebas Unitarias para Métodos HTTP: Foco en Método PAUSE
Pruebas de Métodos HTTP: GET, POST, PUT y DELETE en Axios
Probando Angular apps con Jasmine
Pruebas Unitarias en Angular: Principios y Prácticas
Pruebas Unitarias en Angular con Jasmine: App Component
Pruebas Unitarias de Rutas en Angular con Jasmine
Pruebas unitarias en Angular: creacción de stubs y testbed eficaz
Pruebas Unitarias en Formularios Reactivos con Angular
Pruebas Unitarias de Formularios y Conexiones en Angular
Pruebas Unitarias de Componentes Angular y Outputs Asíncronos
Pruebas de Unit Test en Angular: Configuración y Ejecución Efectiva
Creación de espías con Jasmine para métodos de JavaScript.
Pruebas Unitarias en JavaScript: Espías y Mocking de Objetos Globales
Pruebas de integración de Angular apps con Jasmine
Pruebas de Integración en Angular con Jasmine
Pruebas Unitarias con TestBed en Servicios Angular
Pruebas Unitarias en Angular: Simulación de Peticiones HTTP
Pruebas Unitarias Avanzadas: GET, POST, PUT y DELETE API
Pruebas Unitarias con Jasmine: Integración Profesional
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Configuración de Prettier para Formateo Automático de Código
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 8
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"
}
}
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?