New Pull Member Up refactoring
Or if there’s no parent class yet, you can extract fields and methods to a superclass using the new Extract superclass refactoring.
Extract type alias and interface
The new Extract type alias refactoring for TypeScript allows you to create an alias for a complex type and automatically replace all its usages with the new name. There’s also a new intention to help you convert a type alias into an interface.
You can also create a new interface directly by using the new Extract interface refactoring.
The documentation available via F1 now also includes a brief description for methods, which either comes from the bundled definition files or is fetched from MDN.
Improvements in Vue.js support
This update brings lots of improvements to WebStorm’s support for Vue.js! Code completion and navigation to the definition now work for Vue props, properties in the data object, computed properties, and methods.
Closing curly braces are now added automatically in Vue templates.
Code snippets for Vue.js
WebStorm adds a collection of code snippets for Vue. These code templates can help you save time typing some frequently used blocks of code. With a new Vue file template, you can also create new components faster.
Improved Jest integration
Jest integration has become even better! When running tests in the IDE, you can now use Jest’s own watch mode for faster re-runs.
Run tests with coverage to see the coverage report. Then jump to the file to check what lines of code are not tested, if any.
From the test window, update failing snapshots in just one click.
New REST Client
WebStorm introduces a new way to test APIs from the IDE. Now you can write HTTP requests in an .http file and then quickly run them with the icons on the editor gutter.
Import code style from ESLint and TSLint
When you open a project, WebStorm will automatically import the supported code style rules from simple ESLint and TSLint configuration files.
Better support for CSS
Code completion for CSS properties and values has become more precise. It has added completion suggestions for values of transform, transition, and pointer-events properties that were missing before.
Working with multiple branches
When you switch between branches, the IDE preserves your workspace, including the opened files, the current run configuration, and the breakpoints. This workspace will be automatically restored when you switch back to that branch.
- Imports are added automatically when you copy and paste code from one project file to another.
- Use an alias for a system's node version instead of a specific version for tools and run configurations.
- A new intention will now remind you to install a missing type declaration in TypeScript.
- Start a Mocha run configuration with the `--watch` option, and it will re-run tests on changes using Mocha’s watch mode.
- Use a different react-scripts version when creating and running a new project with create-react-app in the IDE.