WebStorm 2019.1.4 is available

WebStorm 2019.1.4 is now available!

You can update using Toolbox App or from the IDE. You can also download these updates from our website.

Here are some of the fixes and improvements available in WebStorm 2019.1.4:

  • Several problems and performance issues when working with Angular projects were fixed (WEB-39587WEB-39085WEB-39115, WEB-39460, and more)
  • It’s now again possible to use the detached editor on macOS (IDEA-189984)
  • The IDE no longer loses focus after pressing Esc in the Find in Path dialog (IDEA-215107)
  • Problem with adding braces in the attribute value in CoffeeScript was fixed (WEB-39059)

Please also see the Release Notes.

Last week we have released WebStorm 2019.2. This major update brings a lot of new features and improvements, including those that are available in WebStorm 2019.1.4.

The WebStorm Team

Posted in Release Announcements | Tagged , | Leave a comment

WebStorm 2019.2: syntax highlighting for 20+ languages, new UI of completion popup, better support for Vue.js UI libraries, and more

⭐️WebStorm 2019.2 is now available!⭐️

WebStorm 2019.2 brings with it major enhancements in code completion for JavaScript and TypeScript, improved support for Vuetify and BootstrapVue, syntax highlighting for over 20 languages, new intentions for destructuring, and more.

DOWNLOAD WEBSTORM 2019.2

WebStorm 2019.2 is released

In this blog post we would like to share with you the detailed release notes for this WebStorm update. They are compiled from the EAP blog posts that we’ve been publishing here for the past several months.

Here are the features and improvements grouped by the WebStorm subsystems:

  • JavaScript and TypeScript support: improved presentation of completion suggestions; support for the Pipeline operator; new intentions for JavaScript destructuring; improvements for the Rename refactoring; new type hints in the editor; and improved simplify quick fix for boolean expressions.
  • Code editing: syntax highlighting and basic code completion for 20+ languages; completion for mistyped keywords and name; detection of the duplicate code; and extended support for EditorConfig for code style.
  • Style sheet support: code style for aligning SCSS and Less values; and support for PostCSS simple vars.
  • Node.js and npm: support for .nvmrc on macOS and Linux and option to download Node.js when creating a new project.
  • Development with Vue.js: Improved support for Vue.js component libraries.
  • Development with Angular: parameter hints inside method calls in templates and more.
  • Development with React: improved rename for props.
  • Debugging: updated Smart step into and hide frames from libraries
  • IDE improvements: open several projects in one IDE window; support for shell scripts; and updated plugin configuration.
  • Version Control: code completion in .gitignore files; hide author, date or hash from Log; view Git history for multiple folders; and abort Git merge and cherry-pick

Continue reading

Posted in Release Announcements | Tagged , | 29 Comments

WebStorm 2019.2 EAP #6: simplify conditions, improved support for Vue.js and EditorConfig

WebStorm 2019.2 Early Preview build #6 is now available!

If you’re unfamiliar with our Early Access Program or if you want to catch up on all the new features, check out the previous EAP blog posts.

The Toolbox App is the easiest way to get the EAP builds and keep both your stable WebStorm version and any EAP versions up to date. Or you can download the EAP builds from our website. You can also get notified right from the IDE when a new EAP build is available: go to Preferences | Appearance & Behavior | System Settings | Updates and select “Automatically check updates for Early Access Program”.

DOWNLOAD WEBSTORM 2019.2 EAP

Important! WebStorm EAP builds are not fully tested and might be unstable.

Here are some of the highlights of WebStorm 2019.2 EAP #6 (build 192.5587.21). For the full list of issues fixed in this update, see the Release Notes.

Simplify boolean expressions

To help you keep things simple, WebStorm now warns you if you have a boolean expression in your code that has any extra bits that are not actually required (e.g. condition in the if statement), and offers you a quick-fix (Alt-Enter) to simplify it without changing the logic.

Simplify condition

Continue reading

Posted in Early Access Preview | Tagged , , , | 16 Comments

WebStorm 2019.2 EAP #5: improvements for the Rename refactoring and type hints

WebStorm 2019.2 Early Preview build #5 is now available!

If you’re unfamiliar with our Early Access Program or if you want to catch up on all the new features, check out the previous EAP blog posts.

The Toolbox App is the easiest way to get the EAP builds and keep both your stable WebStorm version and any EAP versions up to date. Or you can download the EAP builds from our website. You can also get notified right from the IDE when a new EAP build is available: go to Preferences | Appearance & Behavior | System Settings | Updates and select “Automatically check updates for Early Access Program”.

DOWNLOAD WEBSTORM 2019.2 EAP

Important! WebStorm EAP builds are not fully tested and might be unstable.

Here are some of the highlights of WebStorm 2019.2 EAP #5 (build 192.5438.26). For the full list of issues fixed in this update, see the Release Notes.

Improvements for the Rename refactoring

In this update, we’ve made some changes in the way WebStorm performs the Rename refactoring in JavaScript and TypeScript. The most significant of which is, that now, the usages that the IDE treats as dynamic are not renamed by default and they are grouped together in the Refactoring preview and Find Usages tool window. Continue reading

Posted in Early Access Preview | Tagged , , | 17 Comments

WebStorm 2019.2 EAP #4: new intentions for destructuring, commit from Local Changes tab

WebStorm 2019.2 Early Preview build #4 is now available!

If you’re unfamiliar with our Early Access Program or if you want to catch up on all the new features, check out the previous EAP blog posts.

The Toolbox App is the easiest way to get the EAP builds and keep both your stable WebStorm version and any EAP versions up to date. Or you can download the EAP builds from our website. You can also get notified right from the IDE when a new EAP build is available: go to Preferences | Appearance & Behavior | System Settings | Updates and select “Automatically check updates for Early Access Program”.

DOWNLOAD WEBSTORM 2019.2 EAP

Important! WebStorm EAP builds are not fully tested and might be unstable.

Here are some of the highlights of WebStorm 2019.2 EAP #4 (build 192.5281.21). For the full list of issues fixed in this update, see the Release Notes.

Support for the Pipeline Operator

Even though the pipeline operator is still a Stage 1 proposal, we’ve decided to support its minimal version that covers the use of the |> syntax (and excludes the partial application and topic reference syntax).

pipeline-operator-min

Talking about proposals, the Object.fromEntries method has reached Stage 4 and is now available in code completion suggestions.

New intentions for the JavaScript destructuring

In WebStorm 2019.1 we added lots of intentions to help you introduce destructuring syntax to your JavaScript and TypeScript code.

Now, we’ve added two more: Propagate to destructuring and Replace destructuring with property or index access. Let’s have a closer look at them.

The Propagate to destructuring intention (Alt-Enter) will replace an extra variable if it’s possible with another destructuring. Continue reading

Posted in Early Access Preview | Tagged , , , | 4 Comments

WebStorm 2019.2 EAP #3: detect duplicate code, use Node.js version from .nvmrc

WebStorm 2019.2 Early Preview build #3 is now available!

If you’re unfamiliar with our Early Access Program or if you want to catch up on all the new features, check out the previous EAP blog posts.

The Toolbox App is the easiest way to get the EAP builds and keep both your stable WebStorm version and any EAP versions up to date. Or you can download the EAP builds from our website. You can also get notified right from the IDE when a new EAP build is available: go to Preferences | Appearance & Behavior | System Settings | Updates and select “Automatically check updates for Early Access Program”.

DOWNLOAD WEBSTORM 2019.2 EAP

Important! WebStorm EAP builds are not fully tested and might be unstable.

Here are some of the highlights of WebStorm 2019.2 EAP #3 (build 192.5118.44). For the full list of issues fixed in this update, see the Release Notes.

Searching for duplicate code

WebStorm 2019.2 adds a new inspection that allows you to find code duplicates in your project. Enabled by default, the inspection checks your code on the fly and immediately highlights potential duplicates in the editor. It works for JavaScript, TypeScript, CSS, Sass, SCSS, and Less.

Highlighted duplicate code in the editor

Select Show all duplicates like this in the inspection tooltip to see the potential duplicates and compare your code with them.

See duplicates with diff

If you want to scan the whole project for code duplicates, call up Run inspection by name using the Find Action popup (Cmd/Ctrl-Shift-A) and then select Duplicate code fragment to run the inspection.

Continue reading

Posted in Early Access Preview | Tagged , , , , | 2 Comments

WebStorm 2019.2 EAP #2: New Look of Code Completion Popup, Attach Project, and Completion in .gitignore

WebStorm 2019.2 Early Preview build #2 is now available!

If you’re unfamiliar with our Early Access Program or if you want to catch up on all the new features, check out the previous EAP blog posts.

The Toolbox App is the easiest way to get the EAP builds and keep both your stable WebStorm version and any EAP versions up to date. Or you can download the EAP builds from our website. You can also get notified right from the IDE when a new EAP build is available: go to Preferences | Appearance & Behavior | System Settings | Updates and select “Automatically check updates for Early Access Program”.

DOWNLOAD WEBSTORM 2019.2 EAP

Important! WebStorm EAP builds are not fully tested and might be unstable.

Here are some of the highlights of WebStorm 2019.2 EAP #2 (build 191.4787.13). For the full list of issues fixed in this update, see the Release Notes.

Updated presentation of completion suggestions in JavaScript

One of the things we’ve been working on in WebStorm 2019.2 is the presentation of completion suggestions in JavaScript and TypeScript. Our goal is to remove some excessive information and make the list of suggestions clearer and more consistent. At the same time, our colleagues from the IntelliJ Platform team have been working on refreshing the UI of the completion popup. So, here’s what we’ve got to show you right now.

First, we’re making it clearer where each symbol comes from and where it is defined. This information was previously shown next to the item name, but in an inconsistent way.

Now, for symbols that are standard JavaScript APIs, you’ll see a built-in label and DOM for the browser APIs. For other symbols, there will be a namespace and a file or module where it’s defined.

Presentation of completion suggestions

Continue reading

Posted in Early Access Preview | Tagged , | 6 Comments

WebStorm 2019.2 Early Access Program: syntax highlighting for 20+ languages, updated UI for plugin configuration

Today we are starting the Early Access Program for WebStorm 2019.2. Every week, all the way through to the end of July, we’ll roll out a new EAP build with the latest features and improvements.

The Toolbox App is the easiest way to get the EAP builds and keep both your stable WebStorm version and any EAP versions up to date. Or you can download the EAP builds from our website manually.

DOWNLOAD WEBSTORM 2019.2 EAP

If you’re not yet familiar with our Early Access Programs, here are the basics you should know:

  • Every week we publish a fresh build for the upcoming version of WebStorm
  • EAP builds provide access to the newest features we’re currently developing.
  • EAP builds are free to use but expire within 30 days of the build date.
  • You can install an EAP build side by side with a stable WebStorm version.
  • Your feedback is very welcome in our issue tracker: youtrack.jetbrains.com/issues/WEB. Please don’t forget to mention the build number you’re using.

Important! WebStorm EAP builds are not fully tested and might be unstable.

Here are some of the highlights from WebStorm 2019.2 EAP #1 (build 192.4205.48):

Syntax highlighting for over 20 different languages

In WebStorm 2019.2, we’re adding syntax highlighting for over 20 different programming languages, including PHP, Python, Ruby, and Java. It just works – no additional configuration needed.

With this change we want to improve the experience of our users who occasionally have to look through some code written in different languages that are not supported in WebStorm. But WebStorm is still primarily an IDE for JavaScript and TypeScript developers, so we don’t plan to extend the support for these other languages beyond syntax highlighting.

Syntax highlighting

Syntax highlighting for these languages is built using TextMate grammars, and WebStorm bundles a collection of grammar file for different languages. Currently they are shipped as part of the TextMate Bundles plugin (so you can see a full list of supported languages under Preferences | Editor | TextMate Bundles), but they are going to be moved to the IntelliJ Platform soon.

Continue reading

Posted in Early Access Preview | Tagged , | 9 Comments

WebStorm 2019.1.3 is available

WebStorm 2019.1.3 is now available!

Here are some of the fixes and improvements available in WebStorm 2019.1.3:

  • Flow error tooltip now again shows links to the related code (WEB-38649)
  • Option to skip the --defaults flag when creating a project with Angular CLI (WEB-38979)
  • Support for AngularDart (WEB-11590)
  • Improved support for ESLint when using it with WSL (WEB-38087)
  • Class methods are properly resolved when chained (WEB-38953) or when classes created with mixins (WEB-38647)

Please also see the Release Notes.

The WebStorm Team

Posted in Release Announcements | Tagged | Leave a comment

Announcing WebStorm 2019.2 roadmap

It’s been over a month since the WebStorm 2019.1 release, we are done (almost!) with the bug fixes and we are now starting work on the new features and improvements for the WebStorm 2019.2 release, which is scheduled for the end of July.

We will start the Early Access Program for WebStorm 2019.2 in the next couple of weeks. In the meantime, we would like to share with you our roadmap for WebStorm 2019.2. This is something we haven’t done since the end of 2015, when we moved to having three major releases a year.

The main goals for the upcoming release are:

  • Boost productivity when working with JavaScript and TypeScript with smart intentions, quick-fixes, and refactorings.
  • Make the Vue.js support better.
  • Improve performance, quality, and usability of the existing features.

Continue reading

Posted in General Announcements | Tagged , | 26 Comments