Using TypeScript 2.1 in Visual Studio Code

Currently I'm working quite a lot with TypeScript both on my Angular courses and also on projects for customers.

So today I decided to play around with the new and shiny TypeScript 2.1 version, but there was a (very annoying) mismatch between the intellisense and compiler messages in Visual Studio Code and from the typescript compiler.

Errors in Visual Studio Code:
visual studio code messages

And the correct one in tsc v2.1.4:
compiler message

The example uses the new Mapped Types features in TypeScript. More info here: https://blogs.msdn.microsoft.com/typescript/2016/12/07/announcing-typescript-2-1/

As it turns out Visual Studio Code comes with it's own version of the typescript language service installed, which is not up-to-date yet with the latest version of the TypeScript language.

Luckily we can changed that!

The menu under File > Preferences (Code > Preferences on Mac) provides entries to configure user and workspace settings.
When you select User settings, a window will open with all the defaults and a 'settings.json' file will be opened.

In this file you can add:

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

where the second part points to your typescript installation, which of course is different if you run Windows. (If you look in the default settings under 'TypeScript'\"typescript.tsdk" you will find that this setting is 'null', meaning: use the built in version)

After setting this option and restarting Visual Studio Code, it will use the system installed version of typescript and the mismatch is gone!

Happy typescripting! :-)

Ronald Harmsen

I'm a software developer. When I'm not developing software I'm training & coaching other developers, speaking on a conference or fiddling with some technical stuff.

Arnhem, The Netherlands

Subscribe to Ronald to the cloud

Get the latest posts delivered right to your inbox.

or subscribe via RSS with Feedly!