How to show .js file under .ts file in VS Code?

Question

I am using VS Code for an application in which I am using Reactjs and TypeScript. I have used

create-react-app-typescript

as a template to set up my project. Now when I run the build task from VS Code, I can see a build folder and the generated js files there as well as the generated source files.

I am wondering if I can see generated .js file under its .ts version in VS Code - like you can see those together in Visual Studio ?

HerrMoriden · Accepted Answer · 2023-02-18 09:02:45Z

5

For anybody who finds this: There is (now) a built-in setting Explorer > File Nesting which does exactly this. You can also configure the pattern of nesting under Explorer > File Nesting: Patterns

answered Feb 18, 2023 at 9:02

HerrMoriden

511 silver badge1 bronze badge

Sign up to request clarification or add additional context in comments.

Comments

deerawan · Accepted Answer · 2018-07-04 22:23:16Z

3

I'm a VSCode Typescript user. I've never seen that feature is available in VSCode. One thing that I usually do is to hide its javascript files on the sidebar.

{
    "files.exclude": {
        "**/.git": true,
        "**/.DS_Store": true,
        "**/*.js": {"when": "$(basename).ts"}
    }
}

answered Jul 4, 2018 at 22:23

deerawan

8,5035 gold badges46 silver badges51 bronze badges

Comments

Farooq Hanif · Accepted Answer · 2018-07-06 14:09:28Z

3

I had a tsconfig file in my application's folder, in which

"outDir": "build/dist"

was causing generated files to go into build/dist folder. Removing this for tsconfig.json file will place generated files along with original .ts files in VS Code.

edited Jul 6, 2018 at 14:09

answered Jul 5, 2018 at 4:54

Farooq Hanif

1,9192 gold badges16 silver badges25 bronze badges

Collectives™ on Stack Overflow

How to show .js file under .ts file in VS Code?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related