InstagramTwitterYoutubeGithubLinkedInStackOverflow

Como organizar imports de TypeScript automaticamente

Freddy Montes - Frontend Developer, Designer and TeacherFreddy Montes|

Separar tu código en módulos es lo mejor que le puedes hacer a tu proyecto, no solo por performance sino también por organización.

Los imports es lo primero que vas a tener en tus archivos de TypeScript y estos se pueden salir de control rápidamente.

VSCode Organizar Imports

VSCode tiene un comando que organiza tus imports automáticamente:

  1. Abre la paleta de comandos ⇧⌘P or Ctrl+Shift+P
  2. Y ejecuta “Organize Imports”

Al ejecutar este comando:

  • Va a eliminar los imports no usados
  • Organiza los imports por nombre y rutas alfabéticamente

Correrlo en múltiples archivos

En VSCode tienes que ir abriendo cada archivo y correr el comando sobre cada uno, lo que puede llevar bastante tiempo.

Existe un paquete de npm que te permite correrlo sobre múltiples archivos automáticamente.

Usar organize-imports-cli

  1. npm install -g organize-imports-cli
  2. Luego solo tienes que correrlo y pasarle los archivos organize-imports-cli path/to/folder/**/*.ts

Y aquí usamos el wildcard **/*.ts para que tome todos los archivos con la extensión .ts en todas las carpetas.

Twitter

Gracias por leer esta entrada del blog. Cualquier comentario o pregunta llegame a mi Twitter.

Tweet Me

Copyright © 2023. Design and code by myself with Next.js. Fork it and create yours