Tips

Navigate to the place of your last edit.

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

Find the current file in the Project tool window faster.

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

Make your progress bar look a bit nicer.

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

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

Find out how to toggle breakpoints without using the mouse.

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

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

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

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

Render documentation comments right in the editor.

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

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

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

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

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

Let the Randomness plugin generate some data for you.

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

Use the New popup to add files and folders faster.

Preview UI themes without going to the IDE settings.

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

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.

Review the related docs right in WebStorm.

Get access to all WebStorm shortcuts in one place.

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

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

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

Learn a quick way to access run configurations.

WebStorm can help you add a new dependency.

Let WebStorm warn you about unsupported CSS properties.

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

Create a new Angular project in a few clicks.

WebStorm can help you add arrow functions to your code.

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

Learn how to check the value of an expression.

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

Use drag and drop to open a new project.

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

Learn a quick way to remove HTML tags.

WebStorm lets you run npm scripts right from the gutter.

Limit the search to the selected part of code.

See what value a method returns.

Make your editor feel a bit more personal.

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

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

Find out how to use the navigation bar efficiently.

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

Add a condition to a breakpoint when debugging.

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

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

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

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

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

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

Get help when adding the script element.

Configure whether double or single quotes should be used.

WebStorm helps test regular expressions on the fly.

Select a code fragment without a single click.

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

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

Use Postfix Completion to quickly add console.log.

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

Delete a line of code without using the mouse.

Switch to the distraction-free mode to focus on coding.

Duplicate a line of code with a shortcut.

Learn how to fix code formatting on the fly.

Quickly join lines or blocks of code.

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

Swiftly inject a piece of code in a different language.

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

Use Local History to quickly restore what's needed.

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

Use multiple cursors to make changes to your code faster.

Quickly remove any unused imports and more.

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

Quickly transform an existing expression into another one using Tab.

Preview images on the go from the Project view.

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.

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

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

WebStorm shows all errors and warnings in your file.

Learn how to delete a file safely.

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

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

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

Install the plugin to get coding assistance for styled-components and styled-jsx.

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

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

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

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

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

WebStorm helps avoid mixing up properties.

Use Grazie to check grammar in regular text.

Quickly comment/uncomment blocks and lines.

Let WebStorm do math for you.

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

Use ligatures if your font supports it.

Get help when completing function parameters.

Extract a function into a separate file.

Let the IDE mirror changes to a tag name.

Sort lines of code in your editor alphabetically.

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