The WebStorm Blog

The Smartest JavaScript IDE

Learn

The recording from the "Getting Started with Svelte in WebStorm" webinar is now available!

Join us Tuesday, March 2, at 6pm – 7pm (CET) / 12pm – 1pm (EST) for our free live webinar Getting Started With Svelte in WebStorm, featuring Tomasz Błachut, the creator of the Svelte plugin.

Learn how to be more productive when developing React applications using TypeScript.

With WebStorm, you can get straight to work without installing any additional plugins – all the core functionality will work out of the box. But what if you want your coding tool to feel a bit more personal or need some extra functionality? (more…)

The recording from the 42 WebStorm Tips and Tricks webinar is now available on the JetBrains YouTube channel! (more…)

We’re happy to announce the WebStorm Guide – a central place for tips and tricks on how to use WebStorm efficiently. We hope it helps you be more productive and write high-quality code without requiring you to spend too much time away from the projects you're working on. Explore the WebStorm Guide So, what’s this WebStorm Guide all about? We’ve collected the tips we had posted on Twitter, expanded

Join us Tuesday, April 28, at 6 pm – 7 pm (CEST) / 12 pm – 1 pm (EDT) for our free live webinar 42 WebStorm Tips and Tricks, featuring Paul Everitt. (more…)

Every so often, we get some feedback about the lack of up-to-date, comprehensive learning resources for WebStorm. To address this problem, we’ll be releasing new educational materials throughout the year. The first of these resources is the learning plugin for WebStorm. This plugin includes an interactive training course that can help you learn how to do some common tasks, like refactoring code or

The recording from the React + TypeScript + TDD in WebStorm, Part 2 webinar is now available on the JetBrains YouTube channel! (more…)

Join us Tuesday, December 10th, 6:00 PM – 7:00 PM CET (12:00 – 1:00 PM EST) for our free live webinar React + TypeScript + TDD in WebStorm, Part 2, featuring Paul Everitt. (more…)

The recording from the React + TypeScript + TDD in WebStorm, Part 1 webinar is now available on the JetBrains YouTube channel! (more…)

Providing comments and annotations to your JavaScript code is a way to make it more definite and easier to read by other developers. It is especially important in large projects. Some static code analysis tools and verifiers take types and other information provided in JSDoc tags into consideration and report warnings if code is inconsistent with annotations. We suggest you as developers to develo

Rapid feedback is one of most important productivity features. Especially when working with something actually visual – HTML or CSS. While we have discarded the idea of "built in preview" – mostly because in 80% cases it wasn't true – long time ago, we are working on some power tools to aid you. The first one, the Instant HTML editing plugin is released. It allows you to view your changes in an

Measuring JavaScript code coverage naturally complements unit testing. It provides a clear picture of which parts of your code remain untested, and helps you focus additional tests on the uncovered code. From now on, users of JsTestDriver can measure code coverage visually, right in the editor. (more…)

We are getting a lot of reports and ideas from you about the ordering of JavaScript completion options. So in WebStorm 4.0 and PhpStorm 4.0 we made small but important improvements. More relevant suggestions now appear at the top of the list in many cases. (more…)

If you're a JavaScript developer, you probably know that the quality and correctness of your application are crucial. Well, consistency and regression testing just got a little less painful. Meet JsTestDriver plugin - an open-source project that was originally started at Google and is now contributed to by the JetBrains team. WebStorm 3.0 bundles it. Users of other JetBrains IDE - PhpStorm,

Most definitely you've ever created big websites, right? Then you might have opened more than one index.html, index.php files in the editor. How to tell one from another and understand which part of your website they belong to? WebStorm/PhpStorm help you make files with similar names stand out at a glance: press Ctrl+Alt+S / ⌘ , to open the Settings dialog, and choose File Colors. First,

Sometimes when you are editing JavaScript, you need to remove, say, an enclosing if or else statement without touching a current code block. This normally requires going back and forth and deleting something. But in Web IDE you can just invoke Code -> Unwrap/Remove... action (Ctrl+Shift+Delete / ⌘⇧⌦), which allows to precisely select which construct to unwrap depending on where your caret is

The WebStorm Blog

Learn

Webinar Recording: Getting Started With Svelte in WebStorm

Live Webinar: Getting Started With Svelte in WebStorm

Tutorial: React, TypeScript, and Test-Driven Development

Plugins for WebStorm You Need to Know About

Webinar Recording: 42 WebStorm Tips and Tricks

The WebStorm Guide: A Quick Way to Learn Something New

Live Webinar: 42 WebStorm Tips and Tricks

Introducing the Learning Plugin for WebStorm

Webinar Recording: Using React + TypeScript + TDD, Part 2

Live Webinar: Using React + TypeScript + TDD, Part 2

Webinar Recording: Using React + TypeScript + TDD, Part 1

New in 5.0: Google Closure Compiler JSDoc Annotations

What’s Cooking: Instant HTML/CSS Editing Preview

Code Coverage for JavaScript Unit Testing

New in 4.0: Smarter Ordering of JavaScript Completion Options

JavaScript Unit Testing Support

Paint Your Files to Make Them Stand Out

Unwrap/Remove Code Statements in JavaScript