Webinar recording: WebStorm – Angular 2 Tips and Tricks

The recording of our May 11th webinar featuring John Lindquist, WebStorm – Angular 2 Tips and Tricks, is now available on JetBrains YouTube channel.

Angular 2 is a big upgrade from Angular 1. Now you need to know classes, TypeScript, modules, and on and on. Luckily WebStorm 2016.1 has kept up with all these changes and provides excellent support to help you navigate through all the new features. In this webinar John Lindquist, walks us through all of these new features in Angular 2 support and shares his productivity tips for working with Angular 2 in WebStorm.

You can reach John on Twitter @johnlindquist and check his Angular 2 videos on egghead.io.

Here are some commons questions from the webinar Q&A session:

Q: How can I enable Angular 2 support in IntelliJ IDEA, PhpStorm, PyCharm or RubyMine?
A: Angular 2 support is provided by the AngularJS plugin developed by JetBrains. You can install it in Preferences – Plugins. This plugin provides the same functionality related to Angular support you may find in WebStorm.

Q: What’s the best way now to create a new Angular 2 project?
A: It’s recommended to use Angular CLI. At the moment you can try the integration with Angular CLI in WebStorm 2016.2 Early access preview – you can create new Angular 2 projects right from the IDE Welcome screen. There’s also the Angular 2 seed project on Github that shows how to use Angular 2 with Webpack.

Q: When will Angular 2 RC be supported in WebStorm?
A: The changes introduced in Angular 2 Release Candidate are now supported in WebStorm 2016.1.3, that you can download on the product website.

Want to learn more about Angular 2 support in WebStorm? Have a look at our recent blog post.

– JetBrains WebStorm Team

About Ekaterina Prigara

Ekaterina Prigara is WebStorm product marketing manager at JetBrains. She's passionate about new technologies, UX and coffee.
This entry was posted in Webinar and tagged . Bookmark the permalink.

12 Responses to Webinar recording: WebStorm – Angular 2 Tips and Tricks

  1. Paul van den Berg says:

    It appears that some of the angular2 specific features are not available in Intellij 2016.2 EAP. For instance autocomplete for events on a button: (click)=”onClick()”.
    When will this be supported in Intellij? I prefer Intellij, because my project contains more than Angular code and I’ve got a license for that product.

    • Ekaterina Prigara says:

      Can you please check whether the AngularJS plugin is available for update in Preferences | Plugins? We have updated it a couple of days ago so everything should be supported.

  2. Umed says:

    How did he setup webstorm to make imports using single quotes instead of double quotes?

    • Ekaterina Prigara says:

      You can configure that in Preferences | Editor | Code style | TypeScript – Other – Generated code.

  3. Konstantin Kharitonov says:

    It is not works with @angular module that apply in RC1. Is it normal?

  4. Dado says:

    Is there any way to setup navigation to full angular 2 typescript source files? When navigating angular 2 sources, I will like to see full angular 2 typescript sources instead of just declarations from typings (*.d.ts) files.

    It will also be great to have these *.ts sources available in chrome for easy debugging. Is this possible?

  5. awittern says:

    The lifecycle hooks (e.g. ngOnInit implement OnInit) are shown as unused instead of the green symbol on the left side. Is there some way to configure this? If have seen in many videos that it is possible.

    Thanks in advance.

  6. jeka says:

    but what about a first part of that question:

    > Is there any way to setup navigation to full angular 2 typescript source files? When navigating angular 2 sources, I will like to see full angular 2 typescript sources instead of just declarations from typings (*.d.ts) files.

    why do you navigate to that *.d.ts instead of just *.ts when i press “Navigate to source” hot key?
    We need sources not just type definitions!

    How to do that ?

Leave a Reply

Your email address will not be published. Required fields are marked *