10 WebStorm keyboard shortcuts you need to know

WebStorm is great programming software and it also has keyboard shortcuts for almost every operation. The following article will share the 10 essential keyboard shortcuts that every WebStorm user needs.

When using most software, we feel productive when we can perform frequently used tasks quickly. Shortcuts are always a long-standing solution and a great support for this purpose, helping users to save significant time. All of the WebStorm keyboard shortcuts in the article are available in the default keyboard diagram for Windows, Linux, Mac OS X 10.5 and above. You can easily customize the keyboard configuration in Preferences | Keymap .

Search everywhere: Shift + Shift

As its name suggests, popup Search everywhere allows users to search for any data in the project, as well as the IDE.

You can find files, symbols, functions, variables, classes or other components in code and quickly navigate to them:

10 WebStorm keyboard shortcuts you need to know

You can also search for tasks and run them.

10 WebStorm keyboard shortcuts you need to know

You can also search through IDE settings, even turn on or turn off some options right at the popup.

10 WebStorm keyboard shortcuts you need to know

Navigate to declaration: Ctrl + B (⌘B) or Ctrl + Click (⌘-Click)

You can instantly switch to a defined function, method or variable declarations, class, composition, CSS styles just by Ctrl-clicking on it or put caps on it and press Ctrl + B . This shortcut can also help you to the reference file or imported module.

10 WebStorm keyboard shortcuts you need to know

If WebStorm finds more than one declaration for the same function, you will be prompted to select one of them from the drop-down list.

Finalize the code by replacing: Tab

When you start typing data into WebStorm, the popup completes the auto-generated code to help with programming. Basically, you only need to press Enter to select one of the suggestions provided. However, if you need to replace a function or change the CSS class, press Tab and the current element will be replaced by the selected lookup item.

10 WebStorm keyboard shortcuts you need to know

Show related actions: Alt + Enter or ⌥-Enter

WebStorm has a lot of Intention that helps you quickly fix errors, create code, or change project settings. Put a caret in the highlighted code or underlined, then press Alt + Enter to see a list of related tasks available. For example:

10 WebStorm keyboard shortcuts you need to know

Do not want to see any warning? Choose Suppress to turn off checking that line of code or file, or Disable it for the entire project.

10 WebStorm keyboard shortcuts you need to know

Expand the selection: Ctrl + W or ⌥-Up Arrow

With the Extend selection task, you can quickly select any code block without using a mouse:

10 WebStorm keyboard shortcuts you need to know

Run ...: Alt + Shift + F10 or ⌃⌥R

The fastest way to run one of the project's Run configurations is to press Alt + Shift + F10 on Windows or Ctrl-Alt-R on a Mac and select a configuration from the popup.

10 WebStorm keyboard shortcuts you need to know

Tip : Hold Shift and press Enter to Debug configuration instead of running it.

Open the Expand Live template: Tab

The Expand Live template is really a solution that saves you a lot of time. Type the short abbreviation, then press Tab to expand it in the code. Move from the placeholder of one variable to another in the template by pressing Tab again.

WebStorm has a rich collection of Templates, including Postfix templates. You can also add your own custom templates.

10 WebStorm keyboard shortcuts you need to know

WebStorm also supports Emmet abbreviations for HTML and CSS. You can expand them with Tab.

Multi-cursor: Alt + Click

The popular multi-cursor feature is also available at WebStorm. Press Alt + Click to use multiple cursors at once, then edit their positions simultaneously.

10 WebStorm keyboard shortcuts you need to know

New Scratch File: Ctrl + Alt + Shift + Insert or ⇧⌘N

With Scratch file, you can quickly create code samples or write notes while working in the IDE, without affecting the project file, but still get code support. Scratch file is saved in the IDE. You can easily access it from any project.

10 WebStorm keyboard shortcuts you need to know

Refactoring the code: Alt + Control + Shift + T or ⌃T

Code refactoring is a prominent feature of WebStorm. To quickly access the refactoring list available for selected codes, press Alt + Control + Shift + T or Ctrl-T :

10 WebStorm keyboard shortcuts you need to know

Other keyboard shortcuts

For a complete list of default keyboard shortcuts, visit the Keymap reference table in the IDE via Help | Default keymap reference or here .

Alternatively, through the Keymap configuration in Preferences | Keymap . Here, you can search by task name or shortcut:

10 WebStorm keyboard shortcuts you need to know

Also, remember the shortcut for Search Everywhere , you can see related shortcuts or try the Visual Shortcut Mapper with the default WebStorm keymap available.

Hopefully the above shortcuts will help you save time and use WebStorm effectively as you like.

Sign up and earn $1000 a day ⋙

Leave a Comment

Summary of 1001+ terms in Lien Quan Mobile

Summary of 1001+ terms in Lien Quan Mobile

In Lien Quan Mobile, there are many short terms that help you communicate quickly and effectively when competing. And now, Lien Quan Council will review the most basic terms for Generals to understand.

Single‑Deck vs. Multi‑Deck Online Blackjack: Which Gives You an Edge?

Single‑Deck vs. Multi‑Deck Online Blackjack: Which Gives You an Edge?

Blackjack is one of the most thrilling casino games around. You beat the dealer, not other players. However, did you know that the number of decks used can influence your chances of winning?

Why is Nintendo Switch Online the most popular way to play retro games?

Why is Nintendo Switch Online the most popular way to play retro games?

Thanks to Nintendo Switch Online, exploring hundreds of classic games on the NES, SNES, N64, Game Boy, and Sega Genesis has never been easier.

7 Reliable Ways to Improve Game Data Load Times in Windows

7 Reliable Ways to Improve Game Data Load Times in Windows

Before upgrading your memory, try the tweaks in this guide to improve game data loading times in Windows.

5 Best Cheap TVs for Gaming

5 Best Cheap TVs for Gaming

A good TV for gaming is judged on many factors. The biggest focus is on picture quality, contrast, color, accuracy, and one more factor is input lag.

Why Dont People Play Free Mobile Games Anymore?

Why Dont People Play Free Mobile Games Anymore?

Everyone loves getting something for free. However, when it comes to free mobile games, we all know that they aren't really free.

What is Epic Games Store Error 500?

What is Epic Games Store Error 500?

Error 500 is a familiar message that many players encounter when using the Epic Games Store.

Download Football Manager 2024 for free on Epic Games Store

Download Football Manager 2024 for free on Epic Games Store

Football Manager 2024 is available for free on the Epic Games Store until September 12 so you can download it to your computer.

Top 10+ Zombie PC Games, best zombie games on PC

Top 10+ Zombie PC Games, best zombie games on PC

Zombies have always been an attractive theme in PC games and horror movies. Game publishers have exploited this theme and achieved much success thanks to the zombie horror genre.

Download game Disaster, download Disaster for free

Download game Disaster, download Disaster for free

The game Tai Uong has now been officially released and allows players to download it on their computers via the game distribution platform Steam.

How to play T-rex dinosaur game on Chrome when offline and have Internet

How to play T-rex dinosaur game on Chrome when offline and have Internet

To play dinosaur game - T-rex Run on Chrome when offline and when online, you just need to follow these simple instructions. The lovely T-rex dinosaur will appear on the screen for you to start the game.

6 benefits of playing games on laptop

6 benefits of playing games on laptop

There has long been a debate among gamers about whether to use a laptop, desktop, or console for gaming. While each option offers its own benefits, gaming on a laptop stands out in a unique way.

5 things to know before adding mods to your game

5 things to know before adding mods to your game

If you're looking for a new experience, there are a few things to keep in mind before adding a mod to your game.

How to fix low FPS problem when playing games on Windows

How to fix low FPS problem when playing games on Windows

If you are experiencing low FPS issues while playing games on Windows, follow these steps to fix low FPS issues and get back to a high-quality gaming experience.

The Game Awards 2024: Who wins GOTY?

The Game Awards 2024: Who wins GOTY?

Want to know who won GOTY 2024? The Game Awards 2024 or want a quick recap of all the winners, read from start to finish