Maintaining Consistent Code Style

Code style matters. Having a consistent code style in your project should not be underestimated, as by making code more readable for all project contributors, it can save everyone’s time and even help you avoid some errors. Our goal is to make sure the code we write follows the agreed code style and that we can easily reformat the code if and when we want.

code_styles_main

When using WebStorm, there are several ways to manage code style in your project.

  • First, the IDE can help you automatically apply configured code style settings to the code you write and reformat the existing code based on those.
  • Second, you can use EditorConfig file format for describing code style that WebStorm and your other editor understand and enforce in the project.
  • And third, you can use JSCS, a JavaScript code style checker, to ensure proper code style. WebStorm provides integration with JSCS, allowing you to see the reported code style warnings right in the editor.

Let’s have a closer look at these ways in which WebStorm can help you maintain a consistent code style.
Continue reading

Posted in Tutorials | Tagged , , | 5 Comments

WebStorm 11 EAP, 142.4148: encode HTML symbols, Meteor, TypeScript 1.6 features

A new Early Access build for WebStorm 11 (142.4148) is now available for download.

You can learn about the new features and improvements already available in WebStorm 11 EAP in our previous blog posts:

  • WebStorm 11 Early Access Program: TypeScript 1.5, support for tsconfig.json, TSLint integration, Yeoman integration, new Node.js inspections, support for debugging Webpack, option to run single Mocha test, flame charts in V8 CPU profiler and more.
  • WebStorm 11 EAP, 142.3805: Improved HiDPI support for Windows and Linux, clickable links in comments, breadcrumbs in Stylus files.

Encode HTML special symbols

WebStorm can now help you encode (or escape) special symbols in your HTML code replacing them with HTML entities that start with &. Quick and easy!

Select a symbol or a block of code and call Encode XML/HTML Special Characters from the menu Edit or from the Find action menu (invoked with Cmd-Shift-A on OS X or Ctrl-Shift-A on Win and Linux).

encode_html_symbols
Continue reading

Posted in Early Access Preview | Tagged , | 5 Comments

WebStorm 11 EAP, 142.3805: fixes and improvements

The second Early Access build for WebStorm 11 (142.3805) is now available for download.

If you missed the announcement of WebStorm 11 EAP, you can catch up on it in this blog post.

The new build brings lots of fixes and improvements, with the whole list of addressed issues available in the release notes. The patch-update from the previous EAP build is available . You can also install WebStorm 11 EAP side-by-side with your stable version of WebStorm.

Improved HiDPI support for Windows and Linux

In WebStorm 10 we shipped initial HiDPI support which can be enabled via the -Dhidpi=true key in the .vmoptions file. It was quite limited and had some known issues. Now we’re happy to offer you improved HiDPI support that supports fractional scaling of both fonts and icons according to your system DPI settings. It’s enabled by default.

Continue reading

Posted in Cool Feature | 8 Comments

Webinar Recording: WebStorm – Things You Probably Didn’t Know

The recording of our July 23 webinar with Hadi Hariri, WebStorm – Things You Probably Didn’t Know, is now available on JetBrains YouTube channel.

In this video, you will learn lots of tips and tricks about how to work efficiently when doing web development in WebStorm. Whether you’re working with plain HTML, CSS and JavaScript, or using one of the many frameworks and libraries that WebStorm supports, you’re bound to learn some new things you probably didn’t even know existed.

Hadi covers a wide range of topics including Navigation around the project, Code editing, Code analysis, Code style and many others. During his demo he uses keyboard shortcuts extensively so that you can also pick up some new useful key bindings.
Continue reading

Posted in Cool Feature, Webinar | 1 Comment

WebStorm 11 Early Access Program

We are starting the Early Access Program for WebStorm 11, our next major release. Go ahead and download WebStorm 11 EAP now!

UPD: Read about the new features added in the next EAP build:

  • WebStorm 11 EAP, 142.3805: improved HiDPI support for Windows and Linux, clickable links in comments, breadcrumbs in Stylus files.
  • WebStorm 11 EAP, 142.4148: encode HTML special symbols, improvements in Meteor support, TypeScript 1.6: intersection types and type guard functions.

What is the Early Access Program? It’s how we make our development process more transparent and share with you our progress on the new IDE features. By taking part in WebStorm 11 EAP, you can try some of the new features months before the public release, and hopefully provide your valuable feedback that will help us improve the IDE for you. The EAP builds are free and can be installed side-by-side with your stable version of WebStorm.

ws11eap-splash

Please note that EAP builds are pre-beta software and may contain issues, which we ask you to report to our issue tracker.

Improvements in TypeScript support

We are working hard on improving TypeScript support. First of all, we now bundle just-released TypeScript 1.5 (actually 1.5.3) compiler with WebStorm, which brings support for features like ES6 modules and decorators to TypeScript:

ts-imports-and-decorators

Continue reading

Posted in Cool Feature, Early Access Preview | Tagged , , , , , | 58 Comments

Node.js profiling in WebStorm. Part 2: Memory profiling.

We continue talking about our new Node.js profiling features in WebStorm 10. In our previous post we explored CPU profiling. In this one we’ll dive into the strategies for memory problems investigation and see how WebStorm can help us apply them.

heap_profiling-cover

Continue reading

Posted in Cool Feature | Leave a comment

Live Webinar: WebStorm – Things You Probably Didn’t Know

Join us Thursday, July 23rd, 12:00 PM – 1:00 PM EDT (16:00 – 17:00 GMT) for our free live webinar WebStorm – Things You Probably Didn’t Know, featuring Hadi Hariri.

In this webinar you will learn a bunch of tips and tricks about how to work efficiently when doing web development. Whether you’re working with plain HTML, CSS and JavaScript, or using one of the many frameworks and libraries that WebStorm supports, in this session you’re bound to pick up some new things you probably didn’t even know existed.

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 web development. The recording will be available after the webinar.

Hadi HaririHadi Hariri is a developer and creator of many things OSS, his passions includes Web Development and Software Architecture. Has authored a couple of books, a few courses and has been speaking at industry events for nearly 15 years. Currently at JetBrains leading the Developer Advocacy team. Spends as much time as he can writing code.
Posted in Webinar | Tagged , , | Leave a comment

10 WebStorm Shortcuts You Need to Know

When using most software, people feel productive when they can get the most common tasks done really quickly. Keyboard shortcuts go a long way in doing that and saving your time. WebStorm has a shortcut for almost every action. Today we’d like to share with you 10 essential shortcuts that everyone should try.

All the key combinations used here are from the Default keymap for Windows and Linux and from the default Mac OS X 10.5+ keymap for Mac. You can easily customize your keymap configuration in Preferences | Keymap.

Search everywhere: Shift+Shift

As the name suggests, the Search everywhere popup allows you to search for anything in your project, as well as in the IDE itself.

You can search for files, symbols, functions, variables in your code and quickly navigate to them:

search-everywhere-symbols

Continue reading

Posted in Tutorials | Tagged | 9 Comments

WebStorm 10.0.4 Bug Fix Update Available

The bug-fix update WebStorm 10.0.4 (build 141.1550) is now available.

In WebStorm 10.0.4 we’ve addressed a number of known issues and performance problems (including some fixes in our custom JDK distribution for Mac OS users).

The most worthy of mentioning is source map support when debugging with the latest Google Chrome 43.

Another great new improvement is the basic support for the newly released Polymer 1.0. WebStorm understands Polymer elements and help you navigate to their declaration. Element-specific attributes are not yet supported, though.

polymer-elemets

Our colleagues on the PhpStorm team have added another new feature called Remote edit. It allows files to be opened from the remote host (such as FTP, SFTP or FTPS) and edited in the IDE, without adding/downloading them to your local project. Read more about that in the PhpStorm blog.

The full list of fixed issues can be found in the release notes.

As usual, a patch update is available from WebStorm 10.0.3. Is you’re using another WebStorm version, please download and install WebStorm 10.0.4 from our website.

Develop with pleasure!
– JetBrains WebStorm Team

Posted in Release Announcements | Tagged | 12 Comments

WebStorm 11 Roadmap Discussion

Since WebStorm 10 came out (is it 10 already? boy, we’re moving fast with version numbers!), we’ve spent the last 2 months working on fixes and various minor improvements. Last week the team got together to discuss our plans for WebStorm 11, and we’d like to share them with you. We’d be happy to know what you think, too.

Please note it’s a preliminary plan, so we can’t guarantee that all of the features listed below will be ready for WebStorm 11.

So here are the highlights:

Yeoman integration
Yes, it’s something we’ve been thinking about for a while. We’d like to integrate Yeoman with the IDE Welcome screen to make it easier to create new projects.

Take npm integration to the next level
npm integration has been available in WebStorm for some time already—you can install and manage modules from the IDE. However, we understand that there’s a lot of room for improvement. We’d like to add support for npm scripts similar to what we now have for Gulp and Grunt. The next thing is to support various scenarios of managing project Node.js dependencies like adding new, updating and removing modules—so it all works seamlessly and you don’t have to use the command line.

Webpack support
Webpack has been seeing a lot of adoption in the community, and we even have some Webpack enthusiasts on the JetBrains YouTrack team. We’d like to support the Webpack-specific require statements and debug.

Deeper integration with build tools
We would like to build plugins for Webpack and Gulp that would allow you to enjoy the benefits of the build tool’s watch mode without interference from the IDE autosave feature. We want to make sure that build process is triggered when you really want it to (with a shortcut), but doesn’t get triggered by file system events, while WebStorm takes care of your files being saved.

Angular support
As we start working on Angular 2 support, we hope to be able to finish the core features by the release of v11. At the same time we’re planning to continue improving Angular 1.x support in WebStorm.

We’re also going to have lots of JavaScript, TypeScript and Node.js support improvements, as well as new features from the core IntelliJ Platform, and much more. Lot’s of improvements are planned for the Dart support (thanks to the Dart team). Of course, performance is still our top priority, so if you feel that the IDE is laggy, please take some CPU snapshots and send them our way. We would really appreciate that.

The next release will traditionally happen somewhere around October, with the Early Access Program opening up in midsummer. Don’t miss it—subscribe to the EAP channel by going to IDE Preferences | Appearance & Behavior | System Settings | Updates.

That’s the plan, anyway. Do give us your feedback here and in our issue tracker!

Stay tuned!

Develop with pleasure!
– JetBrains WebStorm Team

Posted in Early Access Preview, General Announcements | 120 Comments