34. Desactivar Prettier

 ¿Cómo Desactivar Prettier en NestJS? (Y Cuándo No Deberías Hacerlo)

Introducción:
¿Estás aprendiendo NestJS y Prettier te está marcando errores por espacios, comas o formatos? Si bien estas son buenas prácticas, a veces pueden distraer durante el aprendizaje. En este post, te muestro cómo desactivar Prettier temporalmente en tu proyecto, aunque con una advertencia importante.

Pasos para Desactivar Prettier

  1. Desinstalar el Paquete:
    Ejecuta en tu terminal:

    bash
    Copy
    Download
    npm remove prettier

    Esto eliminará Prettier y sus reglas de tu proyecto.

  2. Reiniciar el Entorno de Desarrollo:
    Para aplicar los cambios:

    • Cierra y vuelve a abrir Visual Studio Code, o

    • Usa el atajo:

      • Windows/Linux: Ctrl + Shift + P → Busca "Developer: Reload Window".

      • Mac: Cmd + Shift + P → Mismo comando.

  3. Verifica los Cambios:
    Al recargar, los errores de formato (espacios, comas, etc.) ya no aparecerán.

Advertencia Importante

⚠️ No recomiendo esto para producción. Prettier es una herramienta valiosa que:

  • Mantiene el código consistente en equipos.

  • Sigue las convenciones de NestJS y la comunidad.

  • Evita debates sobre "estilo de código".

¿Por qué desactivarlo entonces?

  • Durante el aprendizaje, puede ser útil centrarse en la lógica antes que en el formato.

  • Si trabajas solo y prefieres flexibilidad (aunque luego será difícil adaptarte a entornos colaborativos).

Alternativa: Configurar Prettier

Si solo quieres ajustar reglas (ej: quitar la coma final), en lugar de desinstalar, crea un archivo .prettierrc y personalízalo:

json
Copy
Download
{
  "trailingComma": "none",
  "semi": false
}

Documentación de Prettier.

Conclusión
Desactivar Prettier es rápido, pero no es la mejor práctica a largo plazo. Si estás aprendiendo, ¡perfecto! Pero considera reactivarlo más adelante o personalizar sus reglas.

¿Tienes dudas? Déjalas en los comentarios y hablemos. ¡Nos vemos en el próximo post! 🚀

Llamado a la Acción (CTA):
¿Prefieres código "libre" o seguir estándares? ¡Compárteme tu opinión!

Comentarios

Publicar un comentario

Entradas más populares de este blog

48. ValidationPipe - Class Validator y Class Transformer

  Validación de Datos en NestJS con ValidationPipe, Class-Validator y Class-Transformer Cuando desarrollamos APIs, una de las tareas más comunes -y a veces tediosas- es validar que los datos que recibimos en las peticiones cumplan con ciertos estándares. ¿No sería genial tener una forma sencilla y automatizada de hacer esto? En NestJS, podemos lograrlo con el  ValidationPipe  junto con las librerías  class-validator  y  class-transformer . Antes: Validación Manual Originalmente, nuestro controlador de autos ( cars.controller.ts ) aceptaba cualquier dato sin validación: typescript Copy Download import { Controller , Get , Param , Post , Body , Patch , Delete , ParseIntPipe } from '@nestjs/common' ; import { CarsService } from './cars.service' ; import { CreateCarDto } from './dto/create-car.dto' ; @ Controller ( 'cars' ) export class CarsController { constructor ( private readonly carsService : CarsService ) { } @ Get...
Leer más

32-Modulos

  directorios que se están usando en el ejemplo : Copy Download src/ │ ├── cars/ │ ├── cars.controller.ts # Controlador (maneja las rutas HTTP) │ ├── cars.module.ts # Módulo (registra controlador y servicio) │ └── cars.service.ts # Servicio (lógica de negocio) │ ├── app.module.ts # Módulo principal de la aplicación └── main.ts # Punto de entrada (configuración de NestJS) Explicación breve : cars/ : Contiene los archivos específicos del recurso  Cars  (controlador, módulo y servicio). app.module.ts : Importa y organiza los módulos de la aplicación (en este caso,  CarsModule ). main.ts : Inicia la aplicación y configura el servidor. Esta estructura sigue las  buenas prácticas de NestJS , separando responsabilidades en capas claras. Módulos en NestJS: La Base de tu Aplicación Introducción Cuando comenzamos a explorar NestJS, es normal encontrarnos con una estructura inicial llena de archivos que no siempre entendemos....
Leer más

49. Pipes Globales - A nivel de Aplicación

  Pipes Globales en NestJS: Validación a Nivel de Aplicación En NestJS, los Pipes son una herramienta poderosa para transformar y validar datos. En este post, exploraremos cómo implementar Pipes a nivel global en nuestra aplicación, lo que nos permite centralizar la validación y mantener un código más limpio y consistente. Estructura del Proyecto Antes de comenzar, veamos la estructura de nuestro proyecto: Copy Download src/ │ ├── cars/ │ ├── dto/ │ │ ├── create-car.dto.ts │ │ └── update-car.dto.ts │ ├── interfaces/ │ │ └── car.interface.ts │ ├── cars.controller.ts │ ├── cars.module.ts │ ├── cars.service.ts │ └── constants/ │ └── car.constants.ts │ ├── common/ │ ├── pipes/ │ │ └── validation.pipe.ts │ └── filters/ │ └── http-exception.filter.ts │ ├── app.module.ts ├── app.controller.ts ├── app.service.ts └── main.ts Antes: Validación por Controlador Inicialmente, teníamos que aplicar el  ValidationPipe  en cada método del contro...
Leer más