TypeScript Support in WebStorm 6
At JеtВrаins wе wоrk tirеlеssly tо bring аbоut mоrе аnd bеttеr suрроrt fоr this lаnguаgе.
WebStorm 6 introduces full support for the TypeScript language through 3 new features: File Watchers, Sourcemaps and general support for working with code.
When editing a .ts file, WebStorm will detect that we are using a type of file which it can “watch” for us and proposes to add a TypeScript file watcher. When added, WebStorm will compile our TypeScript file automatically whenever we make a change to it.
WebStorm does not bundle the TypeScript compiler. We can install it from the TypeScript website or using the node.js package manager by invoking npm install -g typescript.
Debugging with sourcemaps
Working with code
What would support for a language be without WebStorm’s familiar features such as completion, navigation and refactoring? WebStorm 6 introduces these concepts for TypeScript. Code completion is available for TypeScript modules and classes.
Refactoring is possible as well. If we select the speed variable from our example and press Shift+F6, we can rename this variable and automatically update all references to it.
Develop with pleasure!
– JetBrains WebStorm Team
Subscribe to Blog updates
Thanks, we've got you!
WebStorm 2023.3 Early Access Program Is Now Open!
Our 2023.3 Early Access Program is now open! Read our first EAP digest to discover the latest enhancements to WebStorm.
WebStorm 2023.2 Release Candidate Is Here
WebStorm 2023.2 RC is now available! Read about some of the most exciting improvements making it into the release.
WebStorm 2023.2 Beta Is Here!
WebStorm 2023.2 Beta is now available with provide and inject support in Vue, support for GraphQL and WebSocket in the HTTP Client CLI, and more.