- Improved CSS
- Better Extract method refactroing
- Improved support for dynamic imports with import()
- Better TypeScript support
- Extract Vue components
You will find the updated list of SVG properties and values, as well as code completion and validation for their values that were not available before:
Previously, when you cmd-clicked on a class name in the HTML file that had a link to a compiled CSS file, you were navigated to a class in the linked CSS file. Now the IDE suggests navigating both to the CSS file and the source file, if there are source maps, or if these files have the same names and are located in the same folder:
Find more details, see this post on the WebStorm blog.
Better Extract method refactoring
Extract method refactoring now works without any additional dialogs. It no longer takes your attention away from the code:
Improved support for dynamic imports with import()
Code completion is now available for the properties of an imported module. You can also jump back to its definition with Cmd+click:
Better TypeScript support
TypeScript support features new quick-fixes called “Enclose in type guard” and “Prefix with type guard”. They are shown when a used method is not available for one of the types in a union type. To see the suggestions, press Alt+Enter when the cursor is on the highlighted code:
Read this blog post for more about the improved dynamic imports and TypeScript support.
Extract Vue components
With this new intention, you can now easily extract a new Vue component from an existing one. No more copying and pasting!
Find more details in this blog post.
Among other improvements, the Run Anything that we announced earlier can now remove recent commands. Simply press Shift+Backspace:
We’re still polishing the new Run Anything action, and will provide more updates on it in future posts. If you happen to face any issues with Run Anything, please report them to the related ticket, or submit a new one.
Your RubyMine team