Welcome WebStorm 8.0: AngularJS support, spy-js, multiple selections, Grunt and more

Please welcome WebStorm 8.0!.
This major update adds support for some of the most trending web technologies and brings new tools to improve your development experience.

WS8_banner

Highlights in WebStorm 8.0 include:

  • Advanced AngularJS support. WebStorm now provides smart AngularJS specific code completion, refactoring, navigation and quick access to documentation.
  • Spy-js, a JavaScript tracing tool. Spy-js makes tracing and profiling JavaScript easy in any browser.
  • Multiple cursors and selections will help you edit your code faster, especially if you are used to this feature in other editors.
  • Integration with Grunt, a JavaScript task runner and Bower, a package manager for the web.

Other important updates included in WebStorm 8.0 are:

  • New Live Console in JavaScript and Node.js debugger.
  • Support for CucumberJS test framework.
  • Improvements in the support of JavaScript modules: RequireJS, AMD and EcmaScript 6 Harmony modules.
  • Up-to-date support for LESS 1.7, improved performance for JavaScript and TypeScript, and much more.

Read more about what’s new in WebStorm 8.0 and download the IDE for your platform.

WebStorm 8.0 is a free update for everyone who purchased their license after March 26, 2013.

Develop with pleasure!
JetBrains WebStorm Team

Posted in Release Announcements | 45 Comments

WebStorm 8.0 Release Candidate

We are in the homestretch with the WebStorm 8.0 release. And right now we’d like to introduce WebStorm 8.0RC, shipping not only enhancements and fixes, but also a new feature – Grunt console!

WebStorm 8.0RC is available for download on the WebStorm website, where you can also find the list of all new features with description and screenshots. You can also look through the release notes.

We would highly appreciate your feedback and bug reports on our issue tracker.

One on the new features of WebStorm 8 that we haven’t mentioned before is Grunt integration. If you are using Grunt as a task runner for your project, try Grunt console: it allows you to browse through the list of  tasks defined in your projects and quickly run any task or group of tasks by simply double-clicking it.

grunt-blog-noshadow

 You can download WebStorm 8.0RC from the website. Please note that this RC build requires an active WebStorm license or is available for 30 day evaluation.

Develop with pleasure!
- JetBrains WebStorm Team 

Posted in Early Access Preview | 18 Comments

WebStorm 8 Beta (build 134.1503)

We are on the way to the release of WebStorm 8. Today we are making the beta version available for download.

You can find download links on the website or WebStorm EAP page. This build is free and can be used for 30 days, no active subscription is required. Please give us the feedback on YouTrack.

In this update we improved the new features and fixed some known issues with them (see the Release Notes). You can have a look on the list of the main new features and screenshots on our website.

Develop with pleasure!
- JetBrains WebStorm Team 

Posted in Early Access Preview | 4 Comments

WebStorm 8 EAP (build 134.1361): multiple selection

Today WebStorm 8 EAP update brings a feature that was very anticipated and we are really excited to introduce it: multiple selection!

And that’s not the only thing you should be excited about in this update:

  • new batch of improvements and fixes in AngularJS support
  • spy-js now allows you to trace web sites on your mobile devices
  • new Live console in JavaScript and Node.js debugger that allows you to enter commands and code
  • CucumberJS support.

You can find download links on WebStorm EAP page. This build is free and can be used for 30 days, no active subscription is required. Your feedback is very welcomed on YouTrack. You can look through the release notes.

Let’s have a closer look.

Continue reading

Posted in Early Access Preview | 26 Comments

[Webinar Recording] Node.js Development Workflow

The recording of our February 20th webinar with Adron Hall, Node.js Development Workflow, is now available on JetBrains YouTube Channel.

In this webinar you will learn the basics for working with Node.js web projects in WebStorm. Adron shows how you can run and debug a Node.js app and test it with Mocha.

We received quite a few questions during the webinar and would like to address here the most frequently asked questions and those we didn’t have a chance to answer during the webinar.
Continue reading

Posted in Screencast, Webinar | 7 Comments

Running and debugging Node.js application

Updated on June, 18 2014

Let’s continue our series of posts and tutorials on Node.js development in WebStorm.
Our first post covered the basic WebStorm configuration for working with Node.js projects. Now let’s move on to running and debugging Node.js apps both locally and remotely.

Running Node.js app locally

WebStorm allows you to run Node.js application locally on your machine: you should create a Node.js Run/Debug configuration for the file you need to execute and click Run.

To create a new Run/Debug configuration, click Edit configurations in the top right corner of the IDE window, or in the main menu Run. Click Add new configuration and seleсt Node.js type.

In this new Run/Debug configuration, specify the path to the JavaScript file that needs to be executed. For example, for a simple Express web app it should be a file that configures and starts the web server.

You can also add any parameters you need to pass to node (Node parameters input) or to your application (Application parameters input) on the start.

node-rdc

Update: Starting with Express 4.0 file www.js in bin folder needs to be executed to start the app. When creating a new Express web application in WebStorm 8.0.2 or higher, the required Run/Debug configuration will be created automatically.

Select this new configuration and click Run. The Run tool window with console will appear showing the app execution log.

runnode2

Continue reading

Posted in Tutorials | Tagged | 11 Comments

WebStorm 8 EAP (build 134.1081): Bower, improved spy-js and AngularJS support and more

Thank you for participating in WebStorm 8 Early Access Program! We started it almost a month ago and today we’d like you to try the next EAP build.

Download links you can find on WebStorm EAP page. This build is free and can be used for 30 day, not active subscription is required.

Here is a short summary of new features in it:

  • spy-js: seamless automatic proxy configuration on start, instant display of detailed call stack for selected event, autoscroll to trace option, exclude list for events and files you don’t want to trace, improved UI
  • AngularJS support: code assistance for ng-repeat and improved code completion inside {{}}, improved support for ui-routing
  • REST client improvements: Cookies
  • Bower integration: search through Bower registry, manage components in the IDE
  • RequireJS aliases support
  • Less 1.6 support

We’d also like to mention that we’ve implemented a workaroud that solves the issue with Node.js debugger: now by default node starts with –nolazy flag.

Read more about spy-js, Bower and REST client in this post. Or have a look at the release notes.

Continue reading

Posted in Early Access Preview | 18 Comments

Introducing WebStorm Video Tutorials

With the help from our technical evangelist John Lindquist we have prepared a set of short videos that cover some of the core features of WebStorm IDE.

These video tutorials should be a good starting point for users who are new to WebStorm and just starting to explore its features.

Right now there are 10 videos, and we’re going to add more to the playlist on JetBrains YouTube channel.

So, what’s available right now?

Stay tuned!

Subscribe to JetBrains YouTube channel and follow @WebStormIDE on Twitter to be notified of new videos.

Develop with pleasure!
- JetBrains WebStorm Team

Posted in Tutorials | 9 Comments

[Live Webinar] Node.js Development Workflow in WebStorm, February 20th

Join us Thursday, February 20th, 18:00 – 19:00 GMT (10:00 – 11:00 AM PST) for our free webinar, Node.js Development Workflow in WebStorm with Adron Hall.

In this webinar, Adron Hall will cover his development workflow for Node.js projects in WebStorm. He’ll start with creating a simple Node.js project and setting up the IDE to make it easier to work with the code. From there Adron will dive into TDD/BDD flow with Mocha test framework and WebStorm followed by debugging tests & code.

Space is limited; please register now.

Our webinar is geared towards developers of different proficiency who use WebStorm and also IntelliJ IDEA, PhpStorm, PyCharm or RubyMine for Node.js development. The recording will be available within a week after the webinar.

Adron HallAdron Hall goes by the title, “Coder, Messenger, Recon.” He is passionate about coding and loves seeing technologies built and technologies come together. Having vast experience with many different languages, Adron now focuses on building JavaScript apps. He uses every chance to share the knowledge he has gained over the years in workshops, one-on-one mentoring, pair programming or directed training. Adron’s personal blog is Compositecode.com.
Posted in Tutorials, Webinar | Tagged , , , | 1 Comment

WebStorm Wins InfoWorld’s 2014 Technology of the Year award!

WebStorm IDE was announced as a winner of InfoWorld’s 2014 Technology of the Year Award. Every January InfoWorld’s reviewers select the best tech products they encountered in the past year – the best hardware, software, development tools, and cloud services.

The WebStorm team is very excited to be 1 of 35 best products being awarded.

Martin Heller, InfoWorld’s reviewer describes WebStorm as,  “an incredibly productive and capable IDE for Web development.” The full review is available on InfoWorld website.

Posted in Uncategorized | 2 Comments