Early Access Program

WebStorm 2019.3 EAP #8: Documentation in Vue.js Projects

WebStorm 2019.3 Early Preview build #8 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/Settings | Appearance & Behavior | System Settings | Updates and select “Automatically check updates for Early Access Program”.


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

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

Documentation in Vue.js Projects

With WebStorm 2019.3, you can now check out documentation for components and directives defined in Vue.js and in some popular component libraries.

The IDE uses the information provided in the web-types.json file shipped with the library. At the moment, Quasar version 1.1.1 and above ships the most detailed documentation. For Vuetify version 2.1.7, you can now see type info and default values for the attributes in the documentation popup. Docs for BootstrapVue are coming soon, with the 2.1.0 update. For Vue.js, we’ve compiled the docs ourselves using the information from the website.

So here’s what the documentation looks like if you press F1 on the name of a component or directive in your code:

Documentation for the Vue framework

You can also press F1 when the completion popup is open:

Docuementation for the Quasar library

To jump to the extended doc and examples on the library’s website, press Shift-F1 or click the link at the bottom of the popup.

Please report any issues on our issue tracker, and stay tuned for the upcoming release announcement!

The WebStorm Team

image description