io.js already in WebStorm

io_1.0.0

Are you as excited about the release of io.js 1.0 as we are?
io.js is a fork of Node.js that is using the very latest version of V8 and brings ES6 features and lots of changes and improvements in the core modules.

Here’s a short checklist that can help you prepare WebStorm to work with io.js.

In Node.js configuration (Preferences | Languages & Frameworks | Node.js and NPM), set up the path to the io.js executable. This path is used when creating new Run/Debug configurations to start and debug your app:

path-to-node-config

By default, io.js Mac installer symlinks the io.js binary to /usr/local/bin/node, so no changes may be needed. However, if you’re using nvm on your Mac or Linux, you should set the path explicitly to the io.js binary.

Next, download io.js source files to get code completion for the methods from the core modules. At the moment, WebStorm can’t download them automatically, so please follow the link to iojs.org/dist and get tar.gz for the io.js version you use.

Then click Configure… under Sources of Node.js core modules, select Directory and specify the location of the downloaded sources:

core-modules-config

In JavaScript preferences (Preferences | Languages & Frameworks | JavaScript), you can select ECMAScript 6 as a JavaScript version.

Make sure that the external libraries Node.js Globals and io.js core modules (listed by the name Node.js v1.0.1 core modules) are selected:

list-of-js-libraries

Now you should be able to get new methods resolved and autocompleted.

node-buffer

You can run, debug and profile io.js code using WebStorm’s Node.js run/debug and spy-js for Node.js configurations.

Develop with pleasure!
– JetBrains WebStorm Team

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

WebStorm 9.0.3 Bug Fix Update Available

WebStorm 9.0.3 (build 139.1112) is now available for download!

The update brings lots of fixes and minor improvements basically in every part of the IDE (you can look through the release notes for the full list of addressed issues). It is the last planned update for WebStorm 9, we are hoping to start the Early Access Program for WebStorm 10 very soon, so stay tuned!

You’ll get an automatic notification about the update in the IDE.
You can install a patch-update, if you’re using WebStorm 9.0.2. Otherwise, you can download WebStorm 9.0.3 from the website and install it.

Develop with pleasure!
– JetBrains WebStorm Team

Posted in Release Announcements | 13 Comments

WebStorm 9.0.2 Bug Fix Update Available

WebStorm 9.0.2 (build 139.773) is now available for download!

While the update is mostly focused on the bug fixes (you can look through the list of addressed issues in the release notes for builds 139.773 and 139.625), there are also a couple of “visible” changes: a new Welcome screen and an updated icon:

new_welcome_screen

Together with the release, we are also glad to present a completely reworked layout of our online documentation.

Other noticeable updates include:
npm install and npm update actions for package.json files;
- multiple improvements in Dart support (enums support and Stagehand project templates);
- new Enable Meteor hot code push configuration option for running Meteor apps (available in Preferences | Languages & Frameworks | JavaScript | Meteor, now allows WebStorm start Meteor apps with “hot push” on changes);
- basic TypeScript 1.3 support and more.

npm_install

You’ll get an automatic notification about this update in the IDE.
You can install a patch-update, if you’re using WebStorm 9.0.1 or WebStorm 9.0.2 EAP. Otherwise, you can download WebStorm 9.0.2 from the website and install it.

Develop with pleasure!
– JetBrains WebStorm Team

Posted in Cool Feature, Release Announcements | Tagged , , | 11 Comments

WebStorm 9.0.2 EAP, 139.625: Bug Fix Update

WebStorm 9.0.2 EAP (build 139.625) is now available!

This early access build brings dozens of bug fixes and improvements including basic support for TypeScript 1.3 features (WEB-14149), fix for the Node.js debugger issue (WEB-13972), improvements in Dart support, and more. For the full list of fixed issues, please see Release notes.

Please note that it’s an Early access build, we are hoping to ship stable update soon. Any issues please report on our issue tracker.

Download WebStorm 9.0.2 EAP on the WebStorm EAP page. To patch-update from WebStorm 9.0.2 select Early Access Program update channel in WebStorm preferences (Appearance & Behavior | System Settings | Update).

Develop with pleasure!
– JetBrains WebStorm Team

Posted in Cool Feature | 5 Comments

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 | 8 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