WebStorm 2019.3.1 Is Available

WebStorm 2019.3.1, the first bug-fix update for the recently released WebStorm 2019.3, is now available!

You can update to it using the Toolbox App or right from the IDE. You can also download WebStorm 2019.3.1 from our website.

This bug-fix update comes with a few new features and improvements:

  • Support for TypeScript 3.7’s declare property modifier (WEB-42630).
  • An option to fold template literals in JavaScript and TypeScript (WEB-21053).
  • Improved resolve for Meteor packages (WEB-21682 and WEB-42721).

Besides that, here’s what has been fixed in WebStorm 2019.3.1:

  • The IDE correctly restores the layout of tool windows (IDEA-223706).
  • In .js and .ts files, Tab now selects a completion suggestion instead of expanding the Emmet abbreviation (WEB-40926).
  • Several performance issues were fixed including WEB-42708 and WEB-42657.
  • The problem with debugging Node.js async hooks was solved (WEB-42661).

For the full list of issues addressed in WebStorm 2019.3.1, please see the release notes.

The WebStorm Team

Posted in Release Announcements | Tagged , | 3 Comments

Webinar Recording: Using React + TypeScript + TDD, Part 2

The recording from the React + TypeScript + TDD in WebStorm, Part 2 webinar is now available on the JetBrains YouTube channel!

In this webinar, Paul Everitt, the PyCharm and WebStorm Developer Advocate at JetBrains, shared more tips and tricks that can help you work more efficiently when developing React applications using TypeScript.

Continue reading

Posted in Webinar | Tagged , , , , | Leave a comment

WebStorm 2019.3: Faster Startup, More Advanced Vue.js Support, Smarter Code Completion for JavaScript, and More

💫WebStorm 2019.3 is now available! 💫

WebStorm 2019.3, the last major update this year, comes with faster startup, significant enhancements in Vue.js support, even smarter code completion for JavaScript, and a lot of lingering bugs fixed.

DOWNLOAD WEBSTORM 2019.3

webStorm-2019-3-released

In this blog post, we’ll go beyond what’s covered on the What’s New page and review the new functionality and major improvements in more detail. The blog post is based on the information from our previous EAP blog posts, so depending on how regularly you follow our blog, you may stumble upon some things you’re already familiar with.

The new features and improvements fall into these categories:

  • Performance: faster startup and improved memory usage when debugging with source maps.
  • Frameworks: more advanced code completion for Vue.js, quick documentation in Vue.js projects, better support for props in React components, and enhancements in Angular support.
  • JavaScript and TypeScript: template language injections, name suggestions for new symbols, and support for TypeScript 3.7.
  • HTML and Style Sheets: completion for CSS libraries on CDN, an option to change the quote style for CSS, and initial support for @use and @forward rules in Sass.
  • IDE improvements: a single action for running tools and configurations, unbundled Dart support, automatically enabled global file watchers, and a way to search in the selection only.
  • Tools: support for the upcoming Yarn 2 release, return values in the debugger, and a new action for turning npm install notifications back on.
  • Version Control: reworked UI for cloning projects, updated Compare with Current action for git branches, an option to push changes from any branch, a faster way to commit changes, and new actions for checking out branches.

Continue reading

Posted in Release Announcements | Tagged , | 47 Comments

Live Webinar: Using React + TypeScript + TDD, Part 2

Join us Tuesday, December 10th, 6:00 PM – 7:00 PM CET (12:00 – 1:00 PM EST) for our free live webinar React + TypeScript + TDD in WebStorm, Part 2, featuring Paul Everitt.

In the second part, we’ll dive a little deeper into how to be more productive when building React applications using TypeScript and cover the following topics:

  • Sharing props using type information
  • Class-based components with props
  • Modeling class state with TypeScript interfaces
  • Rich events and testing

We believe that this webinar could be interesting for web developers somewhat familiar with React and similar frontend stacks.

Space is limited, please register now.

A video recording will be available after the webinar.

Paul EverittPaul Everitt is the PyCharm Developer Advocate at JetBrains. Before that, Paul was a co-founder of Zope Corporation, taking the first open source application server through $14M of funding. Paul has bootstrapped both the Python Software Foundation and the Plone Foundation. Prior to that, Paul was an officer in the US Navy, starting www.navy.mil in 1993.

The WebStorm Team

Posted in Webinar | Tagged , , , , | Leave a comment

Webinar Recording: Using React + TypeScript + TDD, Part 1

The recording from the React + TypeScript + TDD in WebStorm, Part 1 webinar is now available on the JetBrains YouTube channel!

In this webinar, Paul Everitt, the PyCharm and WebStorm Developer Advocate at JetBrains, shared some tips and tricks that could help you be more productive when developing React applications using TypeScript.

Continue reading

Posted in Webinar | Tagged , , , , | Leave a comment

WebStorm 2019.3 Release Candidate Is Out

As we’re approaching the release date, we’re ready to announce the release candidate (RC) for WebStorm 2019.3!

DOWNLOAD WEBSTORM 2019.3 RC

We’re putting the finishing touches to the upcoming WebStorm 2019.3, and we’d really appreciate it if you would share your thoughts on all the new functionality and latest improvements.

Speaking of the latest improvements, we’ve added support for using SVG as Angular templates meaning that the IDE now understands directives and bindings in SVG tags and in .svg files. Continue reading

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

Announcing WebStorm 2019.3 Beta

Today we’re happy to announce the beta release of WebStorm 2019.3! In this release cycle, we’ve focused mainly on fixing lingering bugs and performance issues, yet we’ve also managed to add some great new functionality. We encourage you to try it out and share your feedback with us.

DOWNLOAD WEBSTORM 2019.3 BETA

Let’s take a brief look at the major improvements available in the beta version of WebStorm 2019.3.

Faster startup

On startup, you can now expect WebStorm to display the welcome screen and open your already indexed projects 20% faster than before. For now, the results are better for some operating systems than others, but we’ll keep improving this over the next release cycle.

More advanced Vue.js support

With every new WebStorm version released this year, we’ve extended its support for Vue.js, making it easier to build great apps with Vue.js. WebStorm 2019.3 is no exception: it comes with code completion for slot names, support for components defined in separate files, and quick documentation for Vue symbols (F1). Continue reading

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

WebStorm 2019.3 EAP #9: Yarn 2, Further Improvements in Vue Support

WebStorm 2019.3 Early Preview build #9 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”.

DOWNLOAD WEBSTORM 2019.3 EAP

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

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

Support for the Upcoming Yarn 2 Release

A new major Yarn version is coming later this year with the Plug’n’Play feature – a completely new installation strategy for project dependencies.

In the past month, we’ve worked together with the Yarn team and put a lot of effort into making sure that all WebStorm key features work fine when using Yarn 2.

The first and most important thing we had to do was to locate and properly index a project’s dependencies (which are actually no longer located in the node_modules folder) to provide code completion and navigation. As before, WebStorm creates a JavaScript Library from these files, called Dependencies from package.json. You can disable it or configure its scope in Preferences | Languages and Frameworks | JavaScript | Libraries.

Yarn dependencies are configured as JavaScript Library

The second thing we did was to make sure that all integrated tools like linters and test runners can still be used when installed using Yarn 2.

Continue reading

Posted in Early Access Preview | Tagged , , , | Leave a comment

Live Webinar: Using React + TypeScript + TDD, Part 1

Join us Tuesday, November 19th, 6:00 PM – 7:00 PM CET (12:00 – 1:00 PM EST) for our free live webinar React + TypeScript + TDD in WebStorm, Part 1, featuring Paul Everitt.

In this webinar, we’ll go over some tips and tricks that can help you be more productive when developing React applications using TypeScript. Specifically, we’ll cover the following topics:

  • Setting up a project
  • Introduction to testing
  • Debugging during testing
  • Getting started with TSX and ES6
  • Functional React components in TypeScript

We believe that this webinar could be interesting for web developers somewhat familiar with React and similar frontend stacks.

Space is limited, please register now.

A video recording will be available after the webinar.

A few weeks after this, we’ll have the second part where we’ll talk about such things as sharing props using type information, modeling class state with TypeScript interfaces, and more. Please stay tuned for the upcoming webinar announcement! Meanwhile, you can register for that second part here.

Paul EverittPaul Everitt is the PyCharm Developer Advocate at JetBrains. Before that, Paul was a co-founder of Zope Corporation, taking the first open source application server through $14M of funding. Paul has bootstrapped both the Python Software Foundation and the Plone Foundation. Prior to that, Paul was an officer in the US Navy, starting www.navy.mil in 1993.

The WebStorm Team

Posted in Webinar | Tagged , , | Leave a comment

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”.

DOWNLOAD WEBSTORM 2019.3 EAP

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

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