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 .
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:
You can also search for tasks and run them.
You can also search through IDE settings, even turn on or turn off some options right at the popup.
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.
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.
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.
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:
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.
With the Extend selection task, you can quickly select any code block without using a mouse:
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.
Tip : Hold Shift and press Enter to Debug configuration instead of running it.
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.
WebStorm also supports Emmet abbreviations for HTML and CSS. You can expand them with Tab.
The popular multi-cursor feature is also available at WebStorm. Press Alt + Click to use multiple cursors at once, then edit their positions simultaneously.
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.
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 :
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:
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.
This is the first significant version of Windows in 6 years for Microsoft. In particular, the gaming community is also the target audience that Microsoft wants to attract through Windows 11.
If you are using any Xiaomi device based running MIUI 11 and MIUI 12, you can install Game Turbo 3.0 voice changer in any Xiaomi MIUI device.
Squid Game 2 is ready to treat the audience with a more mysterious and interesting death game. The Squid Game 2 trailer has revealed that the game will be more sinister than ever.
Maybe many people don't know but Free Fire can be played immediately without downloading is real. You can completely play FF without downloading on your phone.
Below are some great free mobile games that any fighting game lover wouldn't want to miss to show off their fighting skills.
Google Search has just updated the Block Breaker game for users to experience. Currently, the game has been updated on many different Google platforms so we can play on many different devices.
AMD FSR or FidelityFX Super Resolution uses framerate upscaling and scaling to help increase FPS in games while maintaining or even improving graphics quality.
Converting a League of Legends account from Garena to Riot Games will help players transfer all the data in their account from the Garena LOL version to the Riot Game LOL version. Download the Riot Games LOL version and then log in to the new account.
Before you fire up your favorite games after building a new gaming PC, benchmark your machine with some demanding games. This list includes the best games to benchmark a new gaming PC.
Have you ever been torn between a handheld and a gaming PC? After some soul-searching, you may have realized that you've always preferred a handheld. Here's why!
Xiaomi has just released version 5.0 of MIUI Game Turbo. Let's find out how to download and install this feature on your Xiaomi device with Quantrimang.
In this article, Quantrimang only gives a list of the best Android emulators for playing games.
By considering factors like comfort, compatibility, and price, you can choose the gaming controller that's best for you.
The feeling of playing your favorite game while your browser downloads something in the background or plays epic music on YouTube is unmatched. However, some browsers are better suited for these situations.
NVIDIA claims that the RTX 5070 can match the RTX 4090 in performance with frame generation enabled.
