WebStorm 2016.1 Release Candidate

WebStorm 2016.1 Release candidate (145.256) is now available!

If you’re wondering why we have changed the version number from 12 to 2016.1, please check out the blog post in our company blog.

You can download it on the Preview next version page on our website or, if you have a previous EAP build (145.184) installed, you should soon get a notification in the IDE about a patch update.

This build is focused on the bug fixes and improvements in the recently added features. The full list of issues addressed in this EAP build is available in the Release notes.

We are looking forward to hearing your feedback on our issue tracker. To get notifications of new EAP builds as they become available, subscribe to the EAP channel in Preferences | Appearance & Behavior | System Settings | Updates

– JetBrains WebStorm Team

Posted in Early Access Preview | Leave a comment

WebStorm 12 Public Preview, 145.184: fixes

A new WebStorm 12 EAP, Public Preview build (145.184) is now available!

You can download it on the Preview next version page on our website (where you can also find the overview of all new features) or, if you have a previous EAP build (145.61) installed, you should soon get a notification in the IDE about a patch update.

This build is focused on the bug fixes and improvements in the recently added features. The full list of issues addressed in this EAP build is available in the Release notes.

As we are getting really close to the official release of WebStorm 12, your feedback is very important for us. So please report any issues you have with the IDE on our issue tracker. To get notifications of new EAP builds as they become available, subscribe to the EAP channel in Preferences | Appearance & Behavior | System Settings | Updates

– JetBrains WebStorm Team

Posted in Early Access Preview | Leave a comment

WebStorm 12 EAP, 145.61: fixes and improvements

A new WebStorm 12 EAP build (145.61) is now available!

As always, you can download it here or, if you have a previous EAP build (144.4199) installed, you should soon get a notification in the IDE about a patch update.

This EAP build is focused on the bug fixes and improvements in the recently added features. The full list of issues addressed in this EAP build is available in the Release notes.

Read about the features and improvements added in previous WebStorm 12 EAP builds:

Continue reading

Posted in Early Access Preview | 4 Comments

WebStorm 12 EAP, 144.4199: CSS Custom Properties, and fixes

Welcome a new WebStorm 12 EAP build (144.4199)!

As always, you can download it here or, if you have a previous EAP build (144.3891) installed, you should soon get a notification in the IDE about a patch update.

Support for CSS Custom Properties

WebStorm adds support for CSS Custom Properties based on the W3C recommendations.

You can get code completion for variable names:

completion-for-css-vars

From a variable you can jump to its definition with the Cmd-Click (Ctrl-Click), see its quick definition or find its usages.

WebStorm would also validate the default value and parameter info.

css-prop-warning

Coding assistance for classes and ids in CSS

Now when you type a selector in a CSS file, WebStorm will suggest you classes and ids used in your HTML and CSS files. That also works for Sass, SCSS and Less.

completion-for-selectors

Continue reading

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

WebStorm 12 EAP, 144.3891: debugging Web Workers, and more

A fresh WebStorm 12 EAP build (144.3891) is now available for download!

As always, you can download it here or, if you have a previous EAP build (144.3600) installed, you should soon get a notification in the IDE about a patch update.

Debugging web workers

Web Workers allow you to run intensive scripts in the background thread separate from the main execution thread of a web application.

WebStorm JavaScript debugger can now hit breakpoints inside these background workers. You can go through the frames and explore variables the same way as you’re used to. In the drop-down list on the left you can jump between the workers’ threads and the main application thread.

debug-web-workers

Improvements in Dart support

The update brings more improvements in the Dart support:

  • New options in Generate code (Cmd-N on OS X or Alt-Insert on Windows and Linux) that help to add named constructor and to override toString(), ==() and hashCodedart-generate-code
  • Improvements in the package:test support: now you can run all test suites in a folder right from its context menu
  • Remote debug for Dart command line app is now fixed

--nolazy option in Node.js run/debug configuration

--nolazy option is no longer added to the Node.js run/debug configuration. It was used to ensure that breakpoints are hit reliably in older versions of Node.js. However,  no longer needed for Node.js v4 and v5 and moreover it has negative effects on performance. If you’re using Node.js v0.12,  please add --nolazy explicitly in the Node parameters field in the configuration.

The full list of issues addressed in this EAP build is available in the Release notes.

Continue reading

Posted in Early Access Preview | 1 Comment

WebStorm 12 EAP, 144.3600: bug fixes and improvements

Welcome a new WebStorm 12 EAP build (144.3600)!

You can download it here or, if you have a previous EAP build (144.3357) installed, you should soon get a notification in the IDE about a patch update.

The highlights of this update include:

  • Support for Git worktrees: you can work with them just like you do with the regular repositories.
  • The updated look and feel of the Git Log: now it has a better-looking toolbar and thinner splitters, the table headers have been removed.
    git-log
  • Missing import statement inspection now works for the client-side JavaScript.
    missing-import
  • WebStorm bundled TypeScript compiler was updated to version 1.8-beta

The full list of issues addressed in this EAP build is available in the Release notes.
Continue reading

Posted in Early Access Preview | Tagged , | 2 Comments

JavaScript Annotated – January 2016

Keeping up with everything that’s going on in the web development community and the JavaScript ecosystem can be challenging. With lots of articles and blog posts that we on the WebStorm team go through on a regular basis, we thought we’d share some that we enjoyed and discussed the most over the past month.

We’re not going for the most comprehensive digest out there, but want to focus mainly on covering the technologies already supported in WebStorm as well as the industry’s best practices.

JavaScript, libraries and frameworks

Dr. Axel Rauschmayer, who’s well known for his blog 2ality and multiple books about JavaScript, has started a new weekly email newsletter, ES.next News.

Jake Archibald in his blog talks about web streams and how they will help us take even more control over network processes and improve the performance of web pages.

On January 14 jQuery celebrated its 10th birthday and is still one of the the most popular frameworks for web development. John Resig, the author of jQuery, shares his memories and jQuery milestones. On the same day jQuery 3.0 reaches beta… and it no longer supports IE6-8.

If you’ve missed this news, as of January 12, 2016, Microsoft has ended support for older versions of Internet Explorer (versions 6-8).

Continue reading

Posted in General Announcements | Tagged , , , , , | 6 Comments

WebStorm 12 EAP, 144.3357: SSH console, debugging with Webpack and fixes

A fresh WebStorm 12 EAP build (144.3357) is now available for download!

As always, you can download it here or, if you have a previous EAP build (144.3143) installed, you should soon get a notification in the IDE about a patch update.

The highlights of this update include:

  • SSH Console plugin is now bundled with WebStorm
  • Initial support for debugging arrow function expressions in ECMAScript 6
    arrow-functions-debug
  • Support for debugging Node.js apps built with Webpack
  • Simplified configuration for debugging client-side JavaScript code built with Webpack that doesn’t require path mappings (only when using a WebStorm built-in web server, otherwise please follow our tutorial)
  • Extract field refactoring in TypeScript
    extract-field
  • Support for comments in tsconfig.json (that’s a new feature in TypeScript 1.8)
  • Coding assistance in tsd.json, a configuration file for TypeScript Definition manager

The full list of issues addressed in this EAP build is available in the Release notes.

Read about the features and improvements added in other WebStorm 12 EAP builds:

  • WebStorm 12 EAP, 144.3600: Support for Git worktrees, updated look and feel of the Git Log, Missing import statement inspection for JavaScript.
  • WebStorm 12 EAP, 144.3143: Unused imports warning, code assistance in tsconfig.json.babelrc and .eslintrc, remote run and debug for Node.js apps, Vagrant integration, debugging Electron apps, and further improvement in Angular 2 support.
  • WebStorm 12 EAP, 144.2925: Inline rename, smarter auto-imports and Optimize imports action for TypeScript, debugging async client-side code, and improvements in Angular 2 support.

Please report your feedback to our issue tracker. To get notifications of new EAP builds as they become available, subscribe to the EAP channel in Preferences | Appearance & Behavior | System Settings | Updates.

– JetBrains WebStorm Team

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

Customizing the WebStorm layout

WebStorm layout has three types of major UI elements.

First of all, there’s the editor with the right and left gutters that show line numbers, status of VSC-modified lines, errors and warnings, and some other useful info.

Second, there are various tool windows such as the project view on the left with the project structure, the debugger tool window that displays when you start a debugging session, or the built-in terminal.

The third type of elements includes all the various bars like Navigation bar on the top or Status bar on the bottom. There’s also a Toolbar which is hidden by default, and a Tool buttons bar that shows icons corresponding to various tool windows.

Tip: You may notice numbers on the tool buttons; press Cmd+Number key / Alt-Number key to take you to the corresponding tool window.

You have a lot of flexibility in modifying the WebStorm layout. You can hide bars you don’t need via the View menu. You can also change the position of the tabs from the top to the left or right side of the editor, or hide them completely (see Preferences | Editor | General | Editor tabs).

ws-mininalistic-layout
Continue reading

Posted in Cool Feature | Tagged | 7 Comments

WebStorm Team going to Fluent 2016

March 9th-10th, the WebStorm team will attend O’Reilly’s Fluent conference in San Francisco, California. We are going to have an exhibitor booth at the event and are excited to meet you there! We’ll be happy to discuss the future of web development, modern frameworks and languages, as well as answer your questions and showcase WebStorm features.

Fluent is a big conference that covers major web technologies and tools including JavaScript, HTML, CSS, React, Angular, and more.

If you’re interested in attending, we’re happy to share a 25% discount for Fluent conference passes. Simply use the code: JetB25

We’ll be represented by Dennis Ushakov (team lead), Sergey Simonchik (software developer) and Ekaterina Prigara (product marketing manager), who will be glad to answer your questions about WebStorm and other JetBrains products. And of course we’ll have lots of new WebStorm and JetBrains stickers to give out.

See you there!

Posted in Conferences & Events | Tagged , | Leave a comment