Ekaterina Ryabukha

Learn a quick way to access run configurations.

Use a shortcut to add carets at the end of each selected line.

WebStorm can help you add a new dependency.

Use the power of Emmet to add some lorem ipsum faster.

Add a TODO or Fixme comment to remind yourself of fixing something in your code.

Get syntax highlighting, code completion, and other features for your .mdx files.

Find out how to toggle breakpoints without using the mouse.

Use Postfix Completion to quickly add console.log.

Get help when adding the script element.

WebStorm helps add an import even if you're using default exports.

WebStorm helps avoid mixing up properties.

Configure whether double or single quotes should be used.

Let WebStorm warn you about unsupported CSS properties.

Hover over a symbol or use a shortcut to quickly review documentation.

Quickly comment/uncomment blocks and lines.

Add curly braces and move the cursor with a single keystroke.

Let WebStorm do math for you.

Quickly convert a function to a variable holding an arrow function.

Quickly convert a function that returns a Promise to an async function.

Create a new Angular project in a few clicks.

WebStorm can help you add arrow functions to your code.

Add a condition to a breakpoint when debugging.

Use the New popup to add files and folders faster.

Use a code refactoring to swiftly create a new type alias.

Save time by reusing blocks of code with custom code snippets.

Make your editor feel a bit more personal.

Learn how to delete a file safely.

Delete a line of code without using the mouse.

Learn how to temporarily disable an ESLint rule in one click.

Duplicate a line of code with a shortcut.

Use multiple cursors to make changes to your code faster.

Use ligatures if your font supports it.

Wrap lines to eliminate the need of scrolling horizontally in order to see overly long lines.

Learn how to check the value of an expression.

Get access to all WebStorm shortcuts in one place.

Use an intention to quickly extract a ruleset in your stylesheet file.

Learn how to extract a type alias in your TypeScript code.

Get a high-level view of the structure of a specific file.

Use the popup to quickly find a specific action or toggle some configuration options.

Use Speed search to look for specific information in tool windows and popups.

Use the Structure tool window for quick navigation around large test files.

Learn how to fix code formatting on the fly.

Find out how to get completion suggestions for libraries like Bootstrap.

Let the Randomness plugin generate some data for you.

Review the related docs right in WebStorm.

Look out for suggestions from WebStorm! They can help you not to forget about an important thing.

Use Grazie to check grammar in regular text.

Enable method separators to make it easier to read your code.

Use a shortcut to quickly jump between the Angular component's template, test, and other files.

Navigate to the place of your last edit.

Use a quick fix to quickly make a field public or private.

Render documentation comments right in the editor.

Need to focus on just your code? You can switch to the distraction-free or zen mode.

Quickly swap functions parameters, attributes in tags, and more.

Extract a function into a separate file.

Get help with commas when moving lines up and down in JSON.

Use the Go to Symbol popup to go to a test.

Find the current file in the Project tool window faster.

Make your progress bar look a bit nicer.

Use drag and drop to open a new project.

Quickly remove any unused imports and more.

Access your clipboard history and add any items from there to your code.

Make it easier for the audience to see what you're doing.

Preview images on the go from the Project view.

Preview UI themes without going to the IDE settings.

Quickly join lines or blocks of code.

Go to a specific line in a file using the Go to file popup.

Get help when completing function parameters.

Sort lines of code in your editor alphabetically.

Learn a quick way to remove HTML tags.

Let the IDE mirror changes to a tag name.

Rename a file to make it match the name of a class.

WebStorm can help you swiftly replace a regular string with a template literal.

Use Local History to quickly restore what's needed.

In a test file, hover over an error to get more information about it.

WebStorm shows all errors and warnings in your file.

Learn how to run a single test right from the editor.

Use a single action to run configurations, tools, and open recent projects.

WebStorm lets you run npm scripts right from the gutter.

Limit the search to the selected part of code.

Use the Refactor This popup to look up all refactorings available in the current context.

Check the description and the latest version of a package in package.json.

See what value a method returns.

Select a code fragment without a single click.

Make work with your project easier for your teammates by sharing your run configurations.

Learn how to simplify an overly complex boolean expression with a quick fix.

Have an Angular component that isn't declared in the module? No worries!

Choose what you'd like to have on the status bar.

Quickly surround a selection with rich markup using the Emmet toolkit.

Converting from HEX to RGB and other formats can be done real quick with WebStorm.

Look through PHP, Python, and other files in WebStorm.

WebStorm helps test regular expressions on the fly.

Learn how to work with smaller or larger monitors more comfortably.

Learn how to change the default view mode of a tool window.

Quickly transform an existing expression into another one using Tab.

Run scripts, tests, and more from the gutter in Zen mode.

Learn how to work with built-in code snippets in WebStorm.

Make WebStorm look fancier by switching to a custom UI theme.

Swiftly inject a piece of code in a different language.

Reopen a file you've just closed or go to a specific tool window.

Preview the part of code and files you've recently edited and get back to them quickly.

Learn how to surround items with braces, brackets, or quotation marks in JSON.

Swiftly jump to the last opened file or open a tool window using the popup.

Find out how to use the navigation bar efficiently.

Create scratches to make notes or work with code outside of the project context.