Cómo organizar automáticamente las importaciones en TypeScript
Separar tu código en módulos es lo mejor que puedes hacer por tu proyecto, no solo para el rendimiento sino también para la organización.
Las importaciones son lo primero que tendrás en tus archivos de TypeScript y pueden volverse rápidamente incontrolables.
Organizar Importaciones en VSCode
VSCode tiene un comando que organiza tus importaciones automáticamente:
- Abre la paleta de comandos
⇧⌘P o Ctrl+Shift+P. - Ejecuta "Organizar Importaciones".
Cuando ejecutes este comando:
- Se eliminarán las importaciones no utilizadas.
- Se organizarán las importaciones por nombre y rutas alfabéticamente.
Ejecutarlo en múltiples archivos
En VSCode, tienes que abrir cada archivo y ejecutar el comando en cada uno, lo cual puede ser bastante lento.
Existe un paquete npm que te permite ejecutarlo automáticamente en múltiples archivos.
Usando organize-imports-cli
npm install -g organize-imports-cli- Luego simplemente ejecútalo y pasa los archivos
bash organize-imports-cli path/to/folder/**/**/*.ts
Y aquí usamos el comodín **/*.ts para que tome todos los archivos con extensión .ts en todas las carpetas.