Como organizar imports de TypeScript automaticamente
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:
- Abre la paleta de comandos ⇧⌘P or Ctrl+Shift+P
- 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
- npm install -g organize-imports-cli
- 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.