Improved CSS, Extract Vue Component, and More on JavaScript in the Updated RubyMine 2018.1 EAP

Artem Sarkisov

Hey all,

RubyMine 2018.1 EAP3 (181.3741.30) is now available. With this build we’d like to tell you about the recent JavaScript improvements that the RubyMine 2018.1 Early Access Program inherits from WebStorm (our other IDE for JavaScript).

• Improved CSS
• Better Extract method refactroing
• Improved support for dynamic imports with import()
• Better TypeScript support
• Extract Vue components

Improved CSS

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:

Download RubyMine 2018.1 EAP

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.

Download RubyMine 2018.1 EAP

See the release notes for the detailed info, and please report any issues you encounter.

Cheers,
Your RubyMine team

Subscribe to RubyMine Blog updates

Subscribe form

By submitting this form, I agree to the JetBrains Privacy Policy Notification icon

By submitting this form, I agree that JetBrains s.r.o. ("JetBrains") may use my name, email address, and location data to send me newsletters, including commercial communications, and to process my personal data for this purpose. I agree that JetBrains may process said data using third-party services for this purpose in accordance with the JetBrains Privacy Policy. I understand that I can revoke this consent at any time in my profile. In addition, an unsubscribe link is included in each email.

Submit

Thanks, we've got you!