TypeScript Tools
Here is a list of the most helpful plugins for working with TypeScript. It also includes popular packages to help you code everything using TypeScript, from command-line applications to native mobile apps.
Contents
Visual Studio Code Extensions
Pretty TypeScript Errors
The most confusing aspect of TypeScript is reading the compiler's error messages. That's where "Pretty TypeScript Errors" comes in. It formats errors to be more readable and easier to interpret in VS Code, providing detailed explanations or better translations.
Twoslash Query Comments
A small VS Code extension that allows you to use // ^? to inline highlight types. Ideal for keyboard developers or those working with complex types who want to see how changes propagate through other types.
In Your Face
A fun extension that displays the Doom Ouch Face as a HUD in your IDE. The more TypeScript errors your code has, the worse the Doom guy looks. Try out "In Your Face" for some laughs while coding.
Best Libraries
Here is a list of libraries that enable you to do everything with TypeScript:
| Package | Description |
|---|---|
| cheerio | Flexible, and elegant library for parsing and manipulating HTML and XML. |
| dotenv-defaults | A dotenv system that supports default values. |
| Inquirer.js | A collection of CLI user interfaces. |
| Luxon | A library for working with dates and times. |
| pdf-lib | Create and modify PDF documents. |
| Playwright | Reliable end-to-end testing and navigation for web applications. |
| sharp | Image processing to resize JPEG, PNG, WebP, GIF, AVIF and TIFF images. |
| @vercel/ncc | Compile a Node.js module (TypeScript or JavaScript) and its dependencies into a single file. |