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
No answers yet.
Log in to leave an answer