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

Apple is developing a dedicated iOS game store

Apple is developing a dedicated iOS game store

If you are someone who likes to learn about iPhone and iOS operating system, you must have followed the development of classic game emulators for iPhone.

Top 10 best educational games for kids on mobile

Top 10 best educational games for kids on mobile

Most kids prefer to play rather than study. However, these mobile games that are both educational and entertaining will appeal to young kids.

How to play dinosaur games right on Android screen

How to play dinosaur games right on Android screen

The T-rex dinosaur game is very familiar to many people and you can enjoy this T-rex dinosaur game right on your Android screen.

Sword World Origin: Overview of 10 sects in the game

Sword World Origin: Overview of 10 sects in the game

Kiem The Origin - the mobile version of Kiem The on PC released by VNGGame. Like the previous PC version, Kiem The Origin owns 10 sects with 20 different systems for you to freely choose your own gameplay.

Call of Duty fights hacking by making real gamers invisible

Call of Duty fights hacking by making real gamers invisible

A new anti-hack, anti-cheat method is being developed by the game Call of Duty.

How to hide ads when playing games on your phone

How to hide ads when playing games on your phone

Turn off ads while playing games, something that many mobile gamers want after finishing a round.

How to get free mobile games on Epic Games Store

How to get free mobile games on Epic Games Store

Epic Games Store on Android has a free game download program like on PC. Here is a guide to get free mobile games on Epic Games Store.

Instructions for playing Pokemon catching game on Google

Instructions for playing Pokemon catching game on Google

Just by searching Pokemon names on Google, you will collect the latest Pokemon characters.

Tencent brings Android games to Microsoft Store Windows 11

Tencent brings Android games to Microsoft Store Windows 11

Earlier this year, Microsoft announced its decision to discontinue the Windows Subsystem for Android, which was designed to allow Android apps to run natively on Windows 11.

Special characters ϟ, ✿, \˚ㄥ˚\, ☎,☂, ☁ special characters or

Special characters ϟ, ✿, \˚ㄥ˚\, ☎,☂, ☁ special characters or

Special characters do not appear on the keyboard, but you have to find them in special ways. With the pre-made character table below, you just need to write the content or a character name that you want to put in the game, then copy the text format that you like best!

How to Never Pay for Games and Apps on Android

How to Never Pay for Games and Apps on Android

When it comes to making purchases on the Play Store, many people haven't spent any real money in years, thanks to Google Opinion Rewards.

Learn About Resizable BAR: Settings That Give You Extra Gaming Performance

Learn About Resizable BAR: Settings That Give You Extra Gaming Performance

If you don't know about Resizable BAR and how it improves performance, then chances are you have it disabled. Here's how you can enable Resizable Bar and what to expect from this feature.

Chat and have fun with 6 fun iMessage games

Chat and have fun with 6 fun iMessage games

If you want to have fun with opponents from different parts of the world, you can try out interesting iMessage games, in many different genres.

Top 7 Best Game Launchers to Launch and Organize PC Games

Top 7 Best Game Launchers to Launch and Organize PC Games

If you have a large collection of PC games, it can be difficult to remember which games are installed in which launcher. Luckily, there are a few ways you can launch all your PC games without having to open each launcher.

Websites That Help You Build Your Own Game in Minutes

Websites That Help You Build Your Own Game in Minutes

Just visit the following websites where you can build your own game in just a few minutes.