If you're someone who works in a file-based routing framework such as Next.js and Svelte, then you might have definitely come across this problem where all the tabs are named page.tsx (Next.js) This becomes quite difficult to handle when you have multiple files open and it's not easy to know which file you're editing. With Visual Studio Code Insiders build, you can now enable custom labels for edi
![Custom Editor Tab Labels in Visual Studio Code](https://cdn-ak-scissors.b.st-hatena.com/image/square/f3d00814bd11049bdcb717270a3b5e413ff0b1c1/height=288;version=1;width=512/https%3A%2F%2Fsubstackcdn.com%2Fimage%2Ffetch%2Fw_1200%2Ch_600%2Cc_fill%2Cf_jpg%2Cq_auto%3Agood%2Cfl_progressive%3Asteep%2Cg_auto%2Fhttps%253A%252F%252Fsubstack-post-media.s3.amazonaws.com%252Fpublic%252Fimages%252F3ef6a157-cddc-4f0d-b7d8-1371a508ba10_1080x1080.png)