The completion popup got a new, more polished look.
With the new Propagate to destructuring intention (Alt-Enter), you can replace an extra variable if it’s possible with another destructuring. To remove a destructuring completely, use the intention action called Replace destructuring with property or index access.
The IDE will now warn you if a boolean expression in a condition has some unnecessary parts and will suggest simplifying it.
Using Vuetify, BootstrapVue, or Quasar in your Vue.js application? Code completion for components and their props from these and some other Vue component libraries is now more precise. This was made possible by a new approach we’ve adopted to work with these libraries in the IDE.
Need to occasionally look through some PHP or Python files in WebStorm? Syntax highlighting is now available for these and many other languages – with no additional configuration required, thanks to the collection of TextMate grammar files that ships with the IDE.
fnction instead of
mistake? Now, code completion can understand this kind of errors and will
still suggest the most relevant option for you. This works in all supported
languages and for all symbols – keywords, classes, functions, components, and so on.
You can now maintain different code styles in different parts of your
projects by adding multiple
.editorconfig files. In addition to the standard
options, which have been supported for a long time, you can now use IDE-specific
properties that cover all available IDE code style options.
When you have a project opened in WebStorm and want to open another one, you can now attach this second project to the opened one, so that you can see both of them in the same IDE window. If you want to close the attached project, right-click its root in the Project view and select Remove from Project View.
With the updated Plugin page in the IDE preferences, it is now easier to find the plugin you need – the plugin description is now shown right next to the list of available plugins. We’ve removed the Updates tab but added a new Update button next to the plugin in the Installed section.
To disable or re-enable all the downloaded plugins, click the gear icon and choose the appropriate option.
.gitignore files, the IDE offers code completion suggestions for file and
folder names. Cmd/Ctrl-click on the name to jump to this file or folder in the
Project view. You can now quickly add a file to
.gitignore from the Local
Changes tab – right-click it in the Unversioned files group and select Add to