Instructions for mastering keyboard shortcuts when using WebStorm

WebStorm supports keyboard shortcuts for most editing, navigation, refactoring, debugging, and other commands. Remembering these hotkeys help you be more productive just by keeping your hands on the keyboard.

WebStorm encourages users to use keyboard layout in English language because the software may not correctly detect some shortcuts on other language layouts.

The following table lists some of the most useful WebStorm keyboard shortcuts that every user needs to know:

Shortcut keys Action
Press Shift twice

Search Everywhere : Find everything related to the WebStorm or project and open, deploy or access it.

Ctrl + Shift + A

Find Action : Find the command and execute it, open a tool window or search for settings.

Ctrl + N

Ctrl + Shift + N

Ctrl + Shift + Alt + N

Find a class, file or symbol : Find and go to the desired class, file or symbol.

Ctrl + E

View recent files : Select recently opened files from the list.

Alt + Enter

Show intention actions : Improve or optimize the code structure

Ctrl + Space

Basic code completion : Complete the names of classes, methods, fields and keywords within the display.

Ctrl + W

Ctrl + Shift + W

Extend or shrink selection : Increase or decrease the range of selections according to the given code structure.

Ctrl + /

Ctrl + Shift + /

Add / remove line or block comment : Comment on the line or code block.

Ctrl + Shift + F7

Highlight usages in a file : Visualizes all occurrences of the selected paragraph in the current file.

Choose the right Keymap - Keyboard map

To view the Keymap configuration, open Settings / Preferences (Ctrl + Alt + S) and select Keymap .

  • Activate function keys and check for possible conflicts with the operating system's general shortcut keys.
  • For macOS, choose Keymap Mac OS X 10.5 or higher instead of Mac OS X.

Use predefined Keymap

WebStorm automatically pre-selects keyboard layout based on environment. Make sure it is compatible with the operating system you are using or choose a diagram that matches the keyboard shortcuts from the IDE you are used to (e.g. Eclipse or NetBeans).

Refine Keymap

You can edit a copy of a predefined keyboard map to assign your shortcuts to commonly used commands.

Enter a customized Keymap

If you're familiar with any custom keyboard layout, you can convert it to an installation file.

Learn the shortcuts at work

WebStorm provides several ways for users to easily learn shortcuts:

  • Find Action is an important command that allows users to search commands and settings on all menus and tools. Press Ctrl + Shift + A and start typing the list of suggested actions. Then, select the required task and press Enter to execute it.

Instructions for mastering keyboard shortcuts when using WebStorm

  • Key Promoter X is a plugin that displays popup notifications and corresponding shortcuts whenever executing a command with a mouse. It also suggests creating shortcuts for commonly used commands.
  • If you're using one of the operating system's predefined keyboard maps, you can print the default Keymap reference card and place it on the table to view as needed. The cheat version is also available in Help | Keymap Reference .

If the task has associated shortcut keys available, it is displayed near the task name. To add a shortcut to a frequently used task (or if you want to change an existing shortcut), select it and press Alt + Enter .

Use advanced features

You can improve the efficiency of working better with the following features:

Quick Lists

If you have a common task group, create a quick access list via a customized shortcut. For example, you can try the following predefined quick access lists:

  • Refactor this Ctrl + Shift + Alt + T
  • VCS Operations Alt + `

Smart Keys

WebStorm provides many different support tools, such as automatically adding tags and citations, detected by CamelHump.

Speed ​​search

When focusing on a tool window containing a tree, list, or table, start typing to see the corresponding entries.

Click twice

Many tasks in WebStorm provide richer results when you deploy them multiple times. For example, when you call the basic code completion tool with Ctrl + Space on the field of information, parameters, and variable declaration, it suggests the name depending on the type of item in the current scope. If you invoke this feature again, it will include classes that are available via module-dependent values. When a third query is in a row, the proposal list will cover the entire project.

Resize the tools window

You can adjust the tool window size without the mouse:

  • To adjust the tool window vertically, use Ctrl + Shift + Left and Ctrl + Shift + Right .
  • To adjust the tool window horizontally, use Ctrl + Shift + Up and Ctrl + Shift + Down .

Above are tips to help you quickly master the most useful keyboard shortcuts when using WebStorm programming software . Hope the article is helpful to you.

Sign up and earn $1000 a day ⋙

Leave a Comment

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

11 Fun Mobile Games to Play Without the Internet

11 Fun Mobile Games to Play Without the Internet

There are many games that you can enjoy without Wi-Fi connection or data usage. If you are looking for such offline games then this article is for you.

Why do many people prefer PC gaming over consoles?

Why do many people prefer PC gaming over consoles?

For a short time, many people believed that console gaming was better than PC gaming. However, after they returned to the world of mouse and keyboard, consoles were left behind.

How to use Xbox Game Pass for free

How to use Xbox Game Pass for free

While Xbox Game Pass is a bargain, its $9.99 (or $19.99 for Ultimate) monthly cost puts it out of reach for some gamers. Luckily, there's a free way to get Xbox Game Pass every month.

GTA Vice City command codes, Grand Theft Auto: Vice City cheats

GTA Vice City command codes, Grand Theft Auto: Vice City cheats

GTA Vice City cheat codes details are for PC version of the game only. GTA Vice City cheat codes will be used for health, weapons, vehicles added to the game as usual.

All about Game Mode on Windows

All about Game Mode on Windows

Game Mode, Windows 10/11's performance booster, can do more than just squeeze a few extra frames per second out of your favorite FPS.

Experience AtlasOS, a super-light version of Windows 10 optimized for gaming

Experience AtlasOS, a super-light version of Windows 10 optimized for gaming

AtlasOS is a redesign of Windows 10 for gamers, enabling smooth gameplay, higher FPS, and lower input and latency even on low-end PCs.