Avatar ·

How to hide .js.map files in Visual Studio Code using File Nesting

Hello everyone! I recently started learning TypeScript and ran into a problem: after compiling my .ts files, a bunch of extra files appear in the project folder — .js and .js.map. This clutters up the Visual Studio Code explorer significantly. Here's an example of my project. I have a file `app.ts`: ```typescript // app.ts function greet(name: string): string { return `Hello, ${name}!`; } const user = "Ivan"; console.log(greet(user)); ``` After running `tsc app.ts`, `app.js` and `app.js.map` appear in the same folder. And if I have 10–20 files, the explorer becomes a real mess: all .ts, .js, and .js.map files are mixed together. I know you can configure `tsconfig.json` to put compiled files into a separate `dist` folder, but that's not always convenient — sometimes you need the .js file