How to use TypeScript version defined in settings.json by default in VSCode?

Question

Requirement: When opening TypeScript files in VSCode, use the typescript version from node_modules instead of VSCode's TypeScript version

In .vscode/settings.json, I added the following settings as defined in the documentation:

{
    "typescript.tsdk": "./node_modules/typescript/lib"
}

However, VSCode still uses it's typescript version by default. I've reproduced the issue in vscode-typescript-default-version repository.

What needs to be done to use typescript version from node_modules by default when opening TypeScript files in VSCode?

Trivikram

4ndt3s · Accepted Answer · 2018-04-21 09:12:31Z

9

When you have opened a typescript file, click on typescript version on the right bottom corner of vscode, and select Use Workspace Version.

If you need this configuration as default to all typescript files on vscode put the configuration on "User Settings" (ctrl+,).

"typescript.tsdk": "node_modules/typescript/lib"

In my case I have this file in ~/.config/Code/User. If you open a file on a directory whithout node_modules/typesript/lib a warning is shown:

The path /home/jahuuar/test/node_modules/typescript/lib doesn't point to a valid tsserver install. Falling back to bundled TypeScript version.

edited Apr 21, 2018 at 9:12

answered Apr 20, 2018 at 23:15

4ndt3s

3,5172 gold badges24 silver badges33 bronze badges

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

5 Comments

Trivikram Over a year ago

Thanks @jahuuar for the answer, but the question is what needs to be done that VSCode picks typescript version from node_modules by default

4ndt3s Over a year ago

I understand. See my edited answer and remember to config in User Settings, not in Workspace Settings.

Trivikram Over a year ago

Thanks @jahuuatr , even if it's possible in User Settings the developer has to explicitly set it. I'm wondering if it's possible to override Typescript version in workspace settings by default.

Trivikram Over a year ago

I plan to create an issue with Github if that isn't possible github.com/Microsoft/vscode, I opened a question on StackOverflow as that's what VSCode issue template had recommended

barbatus Over a year ago

@Trivikram probably User Settings will work only with a globally installed Typescript (local paths are just ignored in this case). If you want to use a local version - workspace settings are for that

somethingRandom · Accepted Answer · 2023-12-06 12:32:14Z

3

I ran into an issue with VSCode showing a lot of typescript errors even though typescript was compiling my code just fine. The problem was that VSCode updated their typescript SDK to version 5 while my project was only meant to be using typescript 4.

To answer your question on whether you can force VSCode to use the workspace typescript by default: You can't.

Someone requested this feature in the VSCode github repo and it was rejected. I am using VSCode 1.77.1 and this feature still has not been implemented.

The only "solution" is to use the workaround described in this stackoverflow answer:

The best you can currently do is:

"typescript.tsdk": "./node_modules/typescript/lib",
"typescript.enablePromptUseWorkspaceTsdk": true,

edited Dec 6, 2023 at 12:32

answered Apr 10, 2023 at 6:30

somethingRandom

1,2061 gold badge15 silver badges17 bronze badges

Collectives™ on Stack Overflow

How to use TypeScript version defined in settings.json by default in VSCode?

2 Answers 2

5 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related