Want to use Prettier instead of the built-in formatter to tidy up your code? With this
update, it has become even easier than before.
Just tick the new
On code reformat checkbox and the IDE will use Prettier whenever you
files. Other file types can be easily added, too.
Let WebStorm help you work with Nuxt.js more productively! Use coding assistance features within the template section and the nuxt.config.js file, review quick documentation for core Nuxt components, get support for Vuex store in your Nuxt projects, and more.
With Vue-specific code style settings, you can choose which top-level tags should have their content indented and whether indentation should be the same for the entire Vue file or should depend on the language settings. You can also change how interpolations should be formatted within your Vue code.
We keep adding support for all the necessary WSL-related workflows to our IDEs. Now, if you open a project from WSL, the IDE will automatically switch to Git from WSL and allow you to use all the related functionality.
We’ve improved the way the TypeScript language service works with
.vue files. They are
now treated just like
Vue file imports inside other Vue or TypeScript files should
no longer cause any trouble.
New smart intentions (Alt+Enter) will help you more quickly perform some
actions around optional chaining and nullish coalescing as well as
loops. For example, you can now quickly convert a
with a numeric index into a
forEach array method.
Reading JSDoc comments can be a challenge because of all the tags you have to go through. To make this easier, we’ve made it possible to render those comments right in the editor, eliminating unnecessary distractions.
When debugging, you’ll notice some enhancements to item previews in the built-in console. These enhancements will provide you with more helpful details about an object without you having to expand it.
Last year we introduced some initial support for the
@forward rules used in Sass and SCSS. Now we’ve extended this support so you
can expect WebStorm to provide smarter completion and
improved resolution for imported symbols.
Starting with v2020.2, you can preview
.webp images right in WebStorm,
like you would for
files. Previously, WebStorm failed to recognize the
format, forcing you to switch to another application whenever you needed to peek into such
In WebStorm 2020.2, we’ve extended support for GitHub pull requests to make them easier to work with. You can now see and merge all PRs as well as review code – all without leaving the IDE.
WebStorm 2020.2 removes the clutter in the dialogs for the merge, pull, and rebase
actions. It also adds some new options, such as
–rebase in the Pull dialog and
–no-verify in the Merge dialog.
You can now select a number of local commits in the Log tab of the Git tool window and squash them into one. This action is available from the context menu, which can be invoked with a right-click.
With the new Inspections widget and the Problems tool window, you can get detailed information about the number of warnings, errors, and other issues in the current file, as well as navigate between them.
The new action for working with multiple carets (Alt+Shift+G) lets you quickly place carets at the end of each selected line and removes the selection as soon as all carets are added.