WebStorm 8 EAP Starts Now

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.

 

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 Early Access Preview. Bookmark the permalink.

51 Responses to WebStorm 8 EAP Starts Now

  1. Dylan Greene says:

    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:

      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:

        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:

    Any plans to improve Dart plugin support?

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

  3. kris says:

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

  4. Bashar says:

    Any plan to include support for yeoman?

  5. Paul Hester says:

    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?

  6. Bob Miner says:

    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:

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

      • Sterling Camden says:

        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:

          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:

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

          • Ekaterina Prigara says:

            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:

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

    • Ekaterina Prigara says:

      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:

    Would appreciate jasmine-node integration.

  9. Per Jonsson says:

    I really would like this issue solved:

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

    Retina/HiDPI on Linux.

    /Regards Per Jonsson

  10. MitoZ says:

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

  11. Sergey Rubanov says:

    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:

      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:

        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:

          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:

            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:

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

  13. Alex says:

    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:

      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:

    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:

      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. Pingback: IntelliJ IDEA 13.1 Early Preview is Out | JetBrains IntelliJ IDEA Blog

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

  17. Nicholas K says:

    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:

      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!

  18. Peter Britishton says:

    Awesome feature. Very excited! :)

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

  19. Adrian says:

    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:

    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:

      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.

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">