Category Archives: Cool Feature

Using and creating code snippets

Code snippets, or Live Templates as they are called in WebStorm, can help you save and reuse code. This can be any code fragment that you find yourself using often – just a line of code like a method definition, … Continue reading

Posted in Cool Feature, Tutorials | 7 Comments

Debugging client-side JavaScript with WebStorm 2017.3

We have some good news for everyone who is using WebStorm to debug client-side JavaScript apps in Chrome! The first big news is that starting with Chrome 63, you can now use Chrome DevTools and WebStorm debugger at the same … Continue reading

Posted in Cool Feature | Tagged | 32 Comments

Using Flow in WebStorm

Flow is a static type system developed by Facebook. It introduces a syntax of type annotations for JavaScript and provides a type checking tool. Using types in your code allows Flow to catch more errors before you run the code, … Continue reading

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

WebStorm 2016.3 EAP, 163.5219: ES6 object destructuring

Please welcome a new WebStorm 2016.3 EAP build (163.5219)! You can download it here, or if you have the previous EAP build (163.4830) from the last week installed, you should soon get a notification in the EAP about a patch update. Better … Continue reading

Posted in Cool Feature | 4 Comments

Using External tools: ESLint autofix, React Native and Prettier

Did you know that you can easily run many command line tools from WebStorm with just a shortcut? Well, now you do! No need to go to the Terminal, thanks to the feature called External tools.Let’s see how we can … Continue reading

Posted in Cool Feature | Tagged , | 64 Comments

WebStorm 2016.2.1 EAP, 162.1447: ui-router state diagram and bug fixes

We are rolling out a preview for the WebStorm 2016.2.1 (162.1447), a bug-fix update to the recently released major WebStorm update. You can download it here and install side by side with the stable version of WebStorm or, if you have WebStorm … Continue reading

Posted in Cool Feature | Tagged , , | 12 Comments

WebStorm 2016.2: Drag files into HTML and quotes style

Things that automate some small but really routine tasks are the best. That’s why we made possible to add links to JavaScript and CSS files and images by dragging them into the opened HTML file. If you drag a JavaScript … Continue reading

Posted in Cool Feature | Tagged , | 24 Comments

Code review in JavaScript projects

When was the last time you reviewed someone else’s code or had your own code reviewed? None of us write 100% bug-free code, none of us know absolutely everything, and everybody at some point has had to maintain some truly … Continue reading

Posted in Cool Feature | Tagged , | 6 Comments

Angular workflow in WebStorm

WebStorm is well-known for its AngularJS support. WebStorm 2016.1 introduces lots of new exciting features in Angular (previously known as Angular 2) support. Combining that with support for the latest TypeScript and ECMAScript 6 (2015) features, WebStorm can be a … Continue reading

Posted in Cool Feature, Tutorials | Tagged , , | 81 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 … Continue reading

Posted in Cool Feature | Tagged | 11 Comments