Gulp in WebStorm 9

Whether you’re using Grunt or Gulp as a build system/task runner in your project, WebStorm is here to help you with that.

WebStorm 8 introduced Grunt console (you can read about it in this blog post), and now WebStorm 9 brings integration with Gulp.

gulp-2x

With Gulp you can easily automate your build process. It helps you execute various tasks, such as optimizing images, compiling the stylesheets, concatenating and minifying files. Gulp uses Node.js streams and, thus, can perform multiple operations on your assets really efficiently without creating temp files. Check Gulp website for more details.

WebStorm can help you run and debug your Gulp tasks. Moreover, since gulpfile.js (a Gulp build file) is a JavaScript code, WebStorm can also provide you with coding assistance for that. Let’s see how it all works.

Continue reading

Posted in Cool Feature | 4 Comments

[Webinar Recording] A Deep Dive into WebStorm 9′s New Features

The recording of our October 30th webinar with John Lindquist, A Deep Dive into WebStorm 9′s New Features, is now available on JetBrains YouTube channel.

In this webinar John covers the hottest new features in the recently released WebStorm 9. You will learn React basics and how WebStorm can help you develop with this popular library. Then John gives his tips on running and debugging Meteor application in WebStorm and shows amazing new features of spy-js (spy-js code completion and magnifier), Gulp integration, EditorConfig support and postfix code completion.

As always, John shows dozens of really cool WebStorm features that could really boost your productivity, like using and creating custom Live templates, cyclic code completion, search for actions and many others.

You can read more about some of the features demoed in the webinar on our blog:

If you haven’t updated to WebStorm 9 yet, it’s a great time for that!

The new features covered in this webinar are available in WebStorm 9 and PhpStorm 8 and also in the upcoming IntelliJ IDEA 14, RubyMine 7 EAP and PyCharm 4. This webinar is geared towards developers of different proficiency.

Continue reading

Posted in Screencast, Webinar | Tagged , , , , , | 7 Comments

Spy-js 2.0: New level of JavaScript tracing

It has been almost 7 months since we released WebStorm 8. The recently rolled out WebStorm 9 brings a lot of new things on top of that, so today I’m going to tell you more about some new exciting features I have been working on in spy-js, and will share some tips and tricks on how to use them.

Spy-js powered Autocompletion and Magnifier

Last fall, in a spy-js presentation I mentioned a few possible distant-future features. Well, the future is here and today those feature come true. Please welcome spy-js-driven code completion and magnifier!

Enable autocompletion and magnifierBefore using these new features, make sure to select “Enable spy-js autocomplete and magnifier” in the Events toolbar menu. By doing so, you will allow spy-js to perform some additional ‘dark magic’ during its code instrumentation phase, to make possible what you’re about to see.

These new features are available for the browser and node.js, so I will use a sample MEAN stack application to demonstrate both of them in action.

Continue reading

Posted in Cool Feature, Tutorials | Tagged , | 7 Comments

WebStorm 9.0.1 Bug Fix Update Available

A bug fix update, WebStorm 9.0.1 (build 139.252), is now available. If you haven’t updated to WebStorm 9 yet, now is a perfect time – go ahead and download WebStorm 9.0.1!

This bug fix update addresses the issue with WebStorm freezing on opening minified JavaScript files. We also fixed the problem with changing colors for HTML tags highlighting and the problem with the TFS plugin. The full list of fixed issues is available in the release notes.

A nice new feature that was added is support for Emmet in JSX code.

You’ll get an automatic notification about this update in the IDE.
If you are using WebStorm 9.0, a patch-update is available. If you’re using earlier versions of WebStorm, you need to download WebStorm 9.0.1 on the product website and reinstall it. Unfortunately, a fresh install is also required for those who updated from WebStorm 9RC directly to WebStorm 9.0.

Please report any bugs and submit feature requests in our issue tracker.

Develop with pleasure!
JetBrains WebStorm Team

Posted in Release Announcements | 6 Comments

WebStorm 9 released: Meteor support, React and JSX, Gulp integration, and more

Today we are announcing the release of WebStorm 9 and we are really excited about that! You can download WebStorm 9 right now!

WS9_640

To brings you the very best development experience based on today’s most powerful and trending webdev technologies and tools, WebStorm 9 introduces:

  • Full support for Meteor. WebStorm now provides coding assistance and debug capabilities for Meteor applications.
  • Support for React including syntax highlighting, code completion and error detection for JSX and JavaScript expressions in JSX, and more.
  • Integration with Gulp that helps you easily browse through the list of project tasks and run or debug any of them.
  • New spy-js features: spy-js can now trace and profile Node.js apps, enhances code completion with the runtime data collected, and allows you to evaluate any expression without breakpoints.
  • Integration with PhoneGap, Cordova and Ionic so you can create, emulate and deploy mobile apps right from the IDE.
  • Automatic update for Node.js apps when code is changed, thanks to the updated Live Edit feature.

Other updates contributing to WebStorm 9 superiority include ESLint and JSCS code quality tools, EditorConfig support, Scratch files, enhancements in CSS3 support, postfix code completion for JavaScript, support for Polymer, and integration with Dart’s pub serve.

You can learn more details about the news features on the WebStorm website and download a free 30-day trial for your platform.

WebStorm 9 is a free update for everyone who purchased their license after October 22, 2013.

Join us October 30th for a free webinar with John Lindquist, A Deep Dive into WebStorm 9′s New Features. Registration is now open!

Develop with pleasure!
– JetBrains WebStorm Team

Posted in Release Announcements | Tagged , , , , , , | 30 Comments

WebStorm 9 Release Candidate out

WebStorm 9 Release Candidate (build 139.104) is out today with all the final fixes and improvements. We are counting down the days until the public release of WebStorm 9, and it’s very important for us to get your last feedback on the new features. If you find any bug at all, please file an issue in our tracker.

You can download WebStorm 9RC on the WebStorm website and also have a quick tour around the new features that have been added in WebStorm 9.

Please note that to use WebStorm 9RC you need to have an active license (or start a 30-day trial period). To see the list of the issues fixed in this build, please go to the release notes.

Develop with pleasure!
– JetBrains WebStorm Team

Posted in Release Announcements | 17 Comments

WebStorm 8.0.5 maintenance update to support debugging in Chrome 38

With WebStorm 9 release right around the corner (you can download WebStorm 9 beta right away), we are publishing the WebStorm 8.0.5 maintenance update to support debugging in the latest Chrome 38.

Patch update is available only for Windows and Linux users. We ask our Mac users to install WebStorm 8.0.5 from our website or use WebStorm 9 beta. The reason is that we applied some changes to the app preparing for the Yosemite release.

Stay tuned!

Develop with pleasure!
-JetBrains WebStorm Team

Posted in Release Announcements | 7 Comments

[Live Webinar] A Deep Dive into WebStorm 9′s New Features

Join us Thursday, October 30th, 10:00 AM – 11:00 AM PDT (17:00 – 18:00 GMT) for our free live webinar showing-off the hottest new features in WebStorm 9.

The webinar will follow the WebStorm 9 release that is planned for the end of October and that brings support for the most trending and powerful frameworks and tools around. You can try WebStorm 9 beta right now.

Join us to learn how the new features can help you in your daily development workflow. John Lindquist will give an overview of the Gulp integration, JSX support, new features in spy-js, Live Edit for Node.js and more. He will also share with you his pro-tips.

This is a don’t miss session!
Space is limited, please register now.

The new features that are going to be covered in this webinar are available in WebStorm 9 and PhpStorm 8 and also in the upcoming IntelliJ IDEA 14, RubyMine 7 EAP and PyCharm 4. This webinar is geared towards developers of different proficiency. The recording will be available after the webinar.

John LindquistJohn Lindquist started recording video tutorials on YouTube years ago. He started egghead.io in late 2013 (with the help of Joel Hooks) and now egghead has grown into something that can support him full-time. Before that, John was a Technology Evangelist at JetBrains and a Technical Architect at Roundarch for 3 years leading large teams in building the latest and greatest in web apps for the Air Force, HBO, and Bloomberg.
Posted in Webinar | 2 Comments

WebStorm 9 beta, 139.12: inline variables view and fixes

WebStorm 9 release is around the corner, so it’s a perfect time for WebStorm 9 beta.
Go ahead and download WebStorm 9 beta (139.12), no active license required. If you find a new issue, please let us know by filing a bug.

This update brings lots of fixes and minor improvements covering basically every part of WebStorm.

To get a broad overview of all new features in WebStorm 9 please visit Coming in 9 page on the product website.

WebStorm 9 beta also brings one more great new feature – the Inline Variables View. This debugging feature integrates the Variables view right in the Editor, by showing variable values next to their usages.

inlinevarview

Develop with pleasure!
– JetBrains WebStorm Team

Posted in Early Access Preview | 1 Comment

WebStorm 9 EAP, 138.2406: spy-js code completion, CSS3 enhancements, Scratch files and… JSX

It’s been some really busy weeks for the WebStorm team. And now it’s time for the next WebStorm 9 EAP build and more new features. And some of them are huge!
Here is just a quick overview:
- spy-js powered code completion and magnifier
- ES6 support in spy-js
- CSS3 support enhancements
- Scratch files
- new way of indexing project node modules
- Dart’s pub serve integration
- Web Starter Kit as a new project template

And one more thing: improved JSX support!

Go ahead and download WebStorm 9 EAP (138.2406).
We are waiting for your feedback in our issue tracker.

Continue reading

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