Cómo ocultar archivos .js.map en Visual Studio Code con File Nesting
¡Hola a todos! Recientemente comencé a aprender TypeScript y me encontré con un problema: después de compilar mis archivos .ts, aparecen un montón de archivos adicionales en la carpeta del proyecto — .js y .js.map. Esto desordena mucho el explorador de Visual Studio Code.
Aquí hay un ejemplo de mi proyecto. Tengo un archivo `app.ts`:
```typescript
// app.ts
function greet(name: string): string {
return `¡Hola, ${name}!`;
}
const user = "Iván";
console.log(greet(user));
```
Después de ejecutar `tsc app.ts`, en la misma carpeta aparecen `app.js` y `app.js.map`. Y si tengo 10–20 archivos, en el explorador se vuelve un verdadero caos: todos los .ts, .js y .js.map están mezclados.
Sé que se puede configurar `tsconfig.json` para poner los archivos compilados en una carpeta separada `dist`, pero no siempre es conveniente — a veces es necesario que los archivos .js estén junto a los .ts, por ejemplo, para que funcione Node.js.
He oído que en VS Code existe la función "File Nesting", que permite "anidar" unos archivos dentro de otros en el árbol del explorador. Por ejemplo, hacer que...