- \n
- Improved CSS<\/a><\/li>\n
- Better Extract method refactroing<\/a><\/li>\n
- Improved support for dynamic imports with import()<\/a><\/li>\n
- Better TypeScript support<\/a><\/li>\n
- Extract Vue components<\/a><\/li>\n<\/ul>\n
Improved CSS<\/h2>\n
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:<\/p>\n
![\"\"](\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2018\/02\/ruby-svg-properties-and-values.png\")
<\/p>\nDownload RubyMine 2018.1 EAP<\/a><\/p>\n
<\/p>\n
Previously, when\u00a0you cmd-clicked on a class name in the HTML file that had a link to a compiled CSS file, you\u00a0were navigated to\u00a0a 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:<\/p>\n
![\"\"](\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2018\/02\/ruby-navigate-to-scss-and-css.png\")
<\/p>\nFind more details, see\u00a0this post<\/a> on the WebStorm blog.<\/p>\n
Better Extract method refactoring<\/h2>\n
Extract method<\/em> refactoring now works without any additional dialogs. It no longer takes your attention away from the code:<\/p>\n
![\"\"](\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2018\/02\/ruby-inplace-extract.gif\")
<\/p>\nImproved support for dynamic imports with import()<\/h2>\n
Code completion is now available for the properties of\u00a0an imported module. You can also jump back to its definition with Cmd+click<\/em>:<\/p>\n
![\"\"](\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2018\/02\/ruby-dynamic-import-completion.png\")
<\/p>\nBetter TypeScript support<\/h2>\n
TypeScript support features new quick-fixes called \u201cEnclose in type guard\u201d<\/em> and \u201cPrefix with type guard\u201d.<\/em>\u00a0They are shown when a used method is not available for one of the types in a union type. To see the suggestions,\u00a0press\u00a0Alt+Enter<\/em> when the cursor is on the highlighted code:<\/p>\n
![\"\"](\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2018\/02\/ruby-enclose-in-type-guard.png\")
<\/p>\nRead this blog post<\/a> for more about the improved dynamic imports and TypeScript support.<\/p>\n
Extract Vue components<\/h2>\n
With this new intention, you can now easily extract a new Vue component from an existing one. No more copying and pasting!<\/p>\n
![\"\"](\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2018\/02\/ruby-export-vue-component.gif\")
<\/p>\nFind more details in this blog post<\/a>.<\/p>\n
Among other improvements, the Run Anything <\/em>that we announced earlier\u00a0can\u00a0now remove recent commands. Simply press\u00a0Shift+Backspace<\/em>:<\/p>\n
![\"\"](\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2018\/02\/ruby-remove_recent_commands.png\")
<\/p>\nWe’re still polishing the new Run Anything <\/em>action, and will provide more updates on\u00a0it in future posts. If you happen to face any issues with Run Anything<\/em>, please report them to the related ticket<\/a>, or submit a new one.<\/p>\n
<\/i>Download RubyMine 2018.1 EAP<\/a><\/p>\n
See the release notes<\/a> for the detailed info, and please report any issues<\/a> you encounter.<\/p>\n
Cheers,
\nYour RubyMine team<\/p>\n","protected":false},"author":574,"featured_media":0,"comment_status":"open","ping_status":"open","template":"","categories":[826,808,89],"tags":[685,197],"cross-post-tag":[],"acf":[],"_links":{"self":[{"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/ruby\/10008"}],"collection":[{"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/ruby"}],"about":[{"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/types\/ruby"}],"author":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/users\/574"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/comments?post=10008"}],"version-history":[{"count":0,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/ruby\/10008\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/media?parent=10008"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/categories?post=10008"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/tags?post=10008"},{"taxonomy":"cross-post-tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/cross-post-tag?post=10008"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}} - Better Extract method refactroing<\/a><\/li>\n