How to Change the Version of TypeScript Compiler in VSCode

Cyrus Kao07 Feb 2022

Last modified on 08 Feb 2022 at 07:07:37

By default, VSCode uses its own TSC (TypeScript Compiler), which is usually not the latest version of TypeScript. To use the latest features, we'll need to install TypeScript in our package's dependencies and select the version from node_modules in VSCode (.vscode/settings.json).

Install TSC

Install the latest typescript as dev dependencies from NPM:

npm i -D typescript
Bash

Specific Version

To install a specific version of TypeScript:

npm i -D typescript@4.6.0-beta
Bash

Select in VSCode

Press Ctrl-Shift-P in VSCode to open command palette, search for Select Typescript Version...:

You'll need to gain focus on a .ts or .tsx file before opening command palette, otherwise the options with TypeScript prefix won't show.

Select the Workspace Version (node_modules/typescript/lib):

Then a settings.json file will be created in .vscode folder, specifying the path of TSC binary:

Comments

0500

Build an IP Based Rate Limiting Module in Node.js with Typescript

I recently wrote a very simple IP address based rate limit module called rt-limit to throttle requests for this blog. Although rate limiting is more commonly done on reverse proxy like Nginx and Apache, being able to manage traffic on your own back-end server is always more flexible.

Express Node.js JavaScript Rate Limiting TypeScript

Build a Cryptographically-Secure Password Generator in Node.js with Typescript

I wrote a dead simple Javascript library called pswd-generator to generate password for this blog. In just 23 lines of code, I was able to build a cryptographically-secure password generator thanks to Node.js's native crypto module. And this guide will show you how it's done with Typescript.

Cryptography Node.js JavaScript TypeScript Password

Fix Ctrl-Shift-Alt-Down Not Working in IDEs (Override GNOME Shortcuts on Linux)

On Linux distros (e.g. Ubuntu, Fedora, CentOS, Arch Linux) using GNOME as DE will encounter an issue where GNOME's key bindings conflict with IDEs'. So when pressing Ctrl-Shift-Alt-Down on your text editor it simply doesn't work. To fix this, we'll covering how to edit gsettings in both CLI and GUI.

Sublime Text Atom GNOME IDE VSCode Linux

How to Fix Zalgo Issue (Spamming Console) with Colors.js 1.4.1/1.4.2

Color.js, the open source Javascript package used by 4.3 million repositories has recently been corrupted by its owner Marak. Causing the library spamming console with bunch of garbled characters.

Node.js JavaScript Colors.js NPM