JetBrains has released version 2017.1 of their popular WebStorm IDE, topping it off with new features in order to keep the tool competitive in the fast-moving JavaScript landscape.
For years, JetBrains has kept WebStorm up-to-date with the latest and greatest in JavaScript. This is no small feat given the velocity of change. This year is no different with Vue.js support joining in the fun.
WebStorm will now recognize .vue files and includes support for code completion inside the templates. It will also perform auto completion when referencing other view components as well as automatically adding the import statements. Evan You, creator of Vue.js, told InfoQ that he thought this was "great news":
I know there are a lot of Vue users who are using or wanted to use WebStorm as their primary editor but were waiting for better Vue support.
The React support now includes the ability to autocomplete and generate component import statements, in addition to automatically generating the import for React itself. The IDE also supports the Jest testing platform which is popular in the React community.
For Angular devs, the new Angular Language Service is available to use. This service is written by the Angular team and provides error checking and type recommendations inside Angular templates.
Victor Savkin highlighted this new ability and why it's an improvement over WebStorm's native ability:
WebStorm does a good job out of the box ... But it can only go [so] far and gets lost when trying to autocomplete "this.".
With the Angular Language Service, Savkin says, "WebStorm no longer has to do any guessing. With the help of @angular/language-service it actually knows what's available in the template."
The StandardJS code style has gained a lot of steam lately and it is now natively supported along with many other code style tweaks.
Developers can try out version 2017.1 for 30 days for free. After the trial, yearly subscriptions start at $59 for indie developers and $129 for businesses.