WebStorm 8 EAP Starts Now

Posted on by Ekaterina Prigara

Big news!
Today we are starting the Early Access Program for WebStorm 8. You can download the installation file for your OS on WebStorm EAP page. Yay!

By now, we’ve implemented several new features from the WebStorm 8 development roadmap and we would like to get your feedback. We’ll continue to add more and more new features with upcoming EAP builds.

Here is what you can try right now:

  • Advanced AngularJS support
  • Spy-js JavaScript tracing tool integration

Advanced AngularJS Support

AngularJS support is now available out of the box with WebStorm 8 EAP – you just need to have angular.js in your project source files or add it in Preferences | JavaScript | Libraries.

Support includes:

  • Completion for directives (both built-in and custom)
  • Quick documentation lookup for built-in tags (Ctrl+Q on Windows, Ctrl-J on Mac) with an option to navigate directly to AngularJS web site (Shift-F1)
  • Completion for ng-app and ng-controller attributes (Only declarative style is supported (e.g. controller(‘foo’, …)))
  • Go to symbol support for AngularJS entities (such as filter, controller, …)

By the way, on January 16-17th you can meet our technical evangelist and AngularJS expert John Lindquist on ng-conf in Salt Lake City and ask him about WebStorm.

Spy-js

Spy-js is a JavaScript tracing tool integrated in WebStorm. It’s perfect for tracing, debugging and profiling the code – you can dig into event call stack, see in the editor the highlighted code that was actually executed and the time it took.

To see spy-js in action:

  • Create new spy-js RC.
  • Specify node.js path and trace server port you’d like to use.
  • Use default configuration.
  • Optionally specify the URL you’d like to trace: it can be a URL of your local development http server, project URL on the IDE built-in web server, or URL of any website; the field can be left empty and in this case spy-js will trace all http traffic from all browsers.
  • Configure your system http proxy settings to use localhost:3546 (port you’ve specified in RC). To configure the proxy settings, follow the instructions for your platform: Windows, Mac, Ubuntu.
  • Start newly created RC.
  • Open/refresh the page you’d like to trace from any browser on the machine you’ve configured in the previous step.

You can also use your own spy-js configuration file, please see the documentation for more details.
Using spy-js with local proxy is in development.

You can download WebStorm 8 EAP for your OS on WebStorm EAP page. We welcome your feedback in the comments and on our issue tracker.

We remind you that EAP builds don’t require active license and can be used for 30 days. You can get notifications about new EAP builds available if you subscribe for EAP channel in Settings | Updates.

 

Comments below can no longer be edited.

53 Responses to WebStorm 8 EAP Starts Now

  1. Dylan Greene says:

    January 15, 2014

    Just a heads up for everyone:

    I was using WebStorm 7 and when I ran WebStorm 8 for the first time it asked to import settings from a previous WebStorm. I didn’t notice it defaulted to a directory for much older version WebStorm than the one I’ve been using.

    It would be nice if it defaulted to the most recent webStorm settings directory.

    • Dennis Ushakov says:

      January 15, 2014

      Thank you for noticing, will try to reproduce it. It should default to the most recent settings directory, but probably something went wrong. Can you please specify which directory it suggested?

      • Dylan Greene says:

        January 15, 2014

        I think it picked WebIde40 or WebIde60. Is there a way to make that dialog come up again?

        I suppose if was more careful these would have been my choices:


        drwxr-xr-x 8 dgreene staff 272 Feb 23 2012 WebIDE10
        drwxr-xr-x 8 dgreene staff 272 Jul 29 2012 WebIde40
        drwxr-xr-x 5 dgreene staff 170 Nov 18 2012 WebIde50
        drwxr-xr-x 7 dgreene staff 238 Mar 12 2013 WebIde60
        drwxr-xr-x 4 dgreene staff 136 May 29 2013 WebStorm6
        drwxr-xr-x 13 dgreene staff 442 Jan 13 12:46 WebStorm7
        drwxr-xr-x 4 dgreene staff 136 Jan 15 08:50 WebStorm8

        I can’t look into more detail right now as I’m about to catch a plan to ng-conf. Looking forward to meeting John Lindquist.

  2. AW says:

    January 15, 2014

    Any plans to improve Dart plugin support?

    Feels like its lagging compared to Dart Editor, which correctly shows method and class documentation, etc.

    • Ekaterina Prigara says:

      January 15, 2014

      We are constantly working on it, but mostly bug fixes recently.
      We would really appreciate if you submit feature requests and bug reports on http://youtrack.jetbrains.com/issues/WEB

  3. kris says:

    January 16, 2014

    Yesterday update 51 released for JDK 7 u51. I thing it will work from that JDK.

  4. Bashar says:

    January 16, 2014

    Any plan to include support for yeoman?

    • Ekaterina Prigara says:

      January 16, 2014

      Yes, it’s in our development roadmap, follow EAP build updates

  5. Paul Hester says:

    January 16, 2014

    Great stuff! We’re currently using WS 7 to develop apps using AngularJS and Jade. While Jade is probably more prevalently used with NodeJS server side page generation, we like using it for AngularJS based client side HTML.

    Does(Will) the AngularJS support in WS 8 support the Jade editor as well as the HTML editor?

    • Ekaterina Prigara says:

      January 16, 2014

      Right now we dont’ support AngularJS in Jade, unfortunately.

  6. Bob Miner says:

    January 16, 2014

    Will there be a corresponding EAP for IntelliJ with these changes? I’d love these AngularJS changes in an IntelliJ EAP. Thanks.

    • Ekaterina Prigara says:

      January 16, 2014

      Yes, sure, AngularJS changes will be available in IntelliJ IDEA 13.1 EAP soon.

      • Sterling Camden says:

        February 10, 2014

        just saw 13.1 eap and didn’t read anything about angular js, did the support make it in? i’m on pins and needles over here!!

        • Ekaterina Prigara says:

          February 10, 2014

          Yes, you’ll be able to try some of the new features of our improved AngularJS support. We are still working on it, so hope it will be better and better with future EAP updates.

          • Sterling Camden says:

            February 12, 2014

            how can i access the features? i’m looking for the custom directive completion and go to symbol support specifically

            • Ekaterina Prigara says:

              February 12, 2014

              Sorry for misleading you: now AngularJS plugin with updates is not available for IntelliJ IDEA, we’ll publish it tomorrow, so you’ll be able to install it in Preferences | Plugins.

  7. Michael Romanoff says:

    January 16, 2014

    should we expect any BackboneJS support. it looks like you guys ignoring this library.

    • Ekaterina Prigara says:

      January 16, 2014

      Unfortunately, not in the next release. Frameworks develop so fast, it’s a challenge for us to add and maintain support for all of them.

  8. Timo Liebetrau says:

    January 16, 2014

    Would appreciate jasmine-node integration.

  9. Per Jonsson says:

    January 17, 2014

    I really would like this issue solved:

    http://youtrack.jetbrains.com/issue/IDEA-114944

    Retina/HiDPI on Linux.

    /Regards Per Jonsson

    • Ekaterina Prigara says:

      January 17, 2014

      It’s a IntelliJ IDEA platform related issue, we hope it’ll be fixed soon.

  10. MitoZ says:

    January 17, 2014

    Have you any plans to include 2way livereload/edit like in emmet-livestyle?
    http://livestyle.emmet.io/

  11. Sergey Rubanov says:

    January 17, 2014

    you just need to have angular.js in your project source files or add it in Preferences | JavaScript | Libraries.

    I just installed WebStorm 8 EAP with configuration from my Webstorm 7 EAP. I have no AngularJs library in javascript libraries preferencies. I have only angular.js plugin enabled (which was in my WebStorm 7).

    • Ekaterina Prigara says:

      January 17, 2014

      It means that if you want to try our improved support for AngularJS you need either to have the library itself somewhere in your project sources or you should go to Settings | JavaScript | Libraries, click Add and then specify path to angular.js file somewhere on your machine.
      If you set Global for this External library, it will add AngularJS support for all your projects even without angular.js file in it.

      • martin says:

        January 22, 2014

        Are there any plans for javascript dependencies to managed on a module level like java / as3 etc..?

        Feels quite weird configuring dependencies on a global level, even if they are just for auto-completion.

        Also does it have an impact on the speed of auto-complete for all modules?. I find that editing .js and .scss files quite often locks up for a few seconds here and there.

        • Sergey Simonchik says:

          January 23, 2014

          WebStorm has only one module, so configuring dependencies on a project level is the same as configuring dependencies on a module level.

          You can configure dependencies on a global level, if you’d like to have these dependencies for all your project.
          Otherwise you can configure dependencies on a local level.

          In both cases the speed of auto-complete is dependent on how many dependencies are configured for your project, not how it’s accomplished.

          About locks up: could you please file an issue in our issue tracker? Thanks.

          • martin says:

            February 23, 2014

            Ah, right. Im actually an intellij user, not webstorm. Didn’t know there was a difference between how they handled projects and modules.

            So, any chance of module level dependency management for javascript modules in Intellij?

  12. seb says:

    January 21, 2014

    Hi. What does “RC” mean in “Create new spy-js RC”? I don’t get it :/

    • Ekaterina Prigara says:

      January 21, 2014

      It’s short for Run Configuration 🙂
      Click Edit configurations on the top right of WebStorm window and then add new configuration of spy-js type.

      • seb says:

        January 21, 2014

        Perfect… thanks!

  13. Alex says:

    January 23, 2014

    Will all improvements in webstorm be carried over to phpstorm at the release of webstorm 8? I bought PHPstorm because it contained all features of webstorm.
    Regards,

    Alex

    • Ekaterina Prigara says:

      January 23, 2014

      Hi Alex,
      All these features will be available in PhpStorm 8 that will be released after WebStorm 8. The Early Access Program for PhpStorm 8 will start some time soon and you’ll be able to try all the new features.

  14. Bharat Ruparel says:

    January 28, 2014

    Could you please publish a short tutorial style article for configuring an Angular JS project similar to what you have published for a node js project in the WebStorm Blog recently? I am a new user of WebStorm and I do want to use it to write code for the MEAN (Mongo, Express, Angular, and Node) projects.

    • Ekaterina Prigara says:

      January 29, 2014

      I’ll definitely do it, but some time closer to WebStorm 8 release date.
      The thing is that right now we are making lots of changes to improve AngularJS support. WebStorm 8 EAP is a pre-release version of WebSotm and the way things are implemented may subject to change.
      Right now to enable AngularJS support add angular.js to the project sources or add a link to it in Preferences | JavaScript | Libraries. On Node.js and Express configuration you may learn in the previous post.

  15. IntelliJ IDEA 13.1 Early Preview is Out | JetBrains IntelliJ IDEA Blog says:

    February 10, 2014

    […] about AngularJS and Spy-js support can be found in WebStorm 8 EAP announcement. […]

  16. WebStorm+Chromeでウェブサイトコードリーディング | Web scratch says:

    February 14, 2014

    […] WebStorm 8 EAPからは、Chrome -> Inspect in WebStorm -> WebStorm […]

  17. Nicholas K says:

    February 27, 2014

    I’m sure many developers will be very happy with the extended AngularJS support. Do you think there will be a look at Ember.js support in future? I use Ember for absolutely everything.

    Thanks for all the hard work, WebStorm is still the best 🙂

    • Ekaterina Prigara says:

      February 27, 2014

      There are quite a lot of MV* frameworks around now and it’s very hard for us to provide advanced support for all of them. We know that Ember is quite popular, but we don’t have plans to support it in the nearest future. We made AngularJS plugin’s source code available for the community, we hope that it will encourage dev community to create plugins for other frameworks based on it.
      Thanks!

      • Nicholas K says:

        February 28, 2014

        Hey there thanks so much for replying. That’s perfectly understandable. I’ve been sort of googling around for information on making IntelliJ plugins, and am finding it a bit hard to find good resources. Maybe I should take a look at the Angular plugin’s code and see if I can emulate it in an Ember plugin.

        Keep up the good work, you’re all doing a great job 🙂

        • Ekaterina Prigara says:

          February 28, 2014

          Here is a link to AngularJS plugin sources: https://github.com/JetBrains/intellij-plugins/tree/master/AngularJS
          A good place to start with plugin development is to look through this page: http://confluence.jetbrains.com/display/IDEADEV/PluginDevelopment

          Thanks for support! We’ll try our best 🙂

          • Nicholas K says:

            March 1, 2014

            Thanks very much, and thank you for taking the time to respond 🙂 I’ll see what I can come up with!

          • Nikos says:

            October 15, 2014

            I work for a large uk multinational company and see Ember as better than angular for our needs. We are purchasing licenses but would love to have even just basic ember support like navigating to ember models via crtl click on handlebars templates.

      • Kiffin Gish says:

        October 19, 2014

        My vote also for ember support!

    • Hays Clark says:

      November 4, 2014

      +1 for Ember.JS support.
      http://plugins.jetbrains.com/wishlist/show?pr=idea&wid=466

      Ideally, IntelliJ could stub out an OpenSource plug-in like they do for other platforms.

      • Tomasz Szawara says:

        November 5, 2014

        +1

  18. Peter Britishton says:

    March 11, 2014

    Awesome feature. Very excited! 🙂

    Found bug:
    If you have multiple cursors with selected text, and hit ‘(‘ to wrap it with parens, it fails.

    • Ekaterina Prigara says:

      March 12, 2014

      Thanks for the report. We’ll have a look.

  19. Adrian says:

    April 30, 2014

    Using AngularJS, is there any way to navigate from the Controller to it’s Dependencies (the custom ones that you create through service or factory, not Angular’s like $http etc ..) ?

  20. Denis says:

    May 11, 2014

    In brackets editor from Adobe have a some interesting feature https://github.com/adobe-research/theseus. Will be cool if you have implemented it in WebStrorm.

    • Ekaterina Prigara says:

      May 12, 2014

      Have you try spy-js? It’s a built-in tool for JavaScript profiling. It provides functionality in some way similar to Theseus.
      You can learn about it more in our previous blog post.