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

Top 10 classic tank shooting games with great graphics, great play

Top 10 classic tank shooting games with great graphics, great play

Explore the top classic tank shooting games that offer immersive gameplay and stunning graphics. Dive into the tank battle world with these must-try games.

Coin Master: How to run spins, get free spins every day

Coin Master: How to run spins, get free spins every day

Discover how to earn free spins in Coin Master every day. Learn the most effective tricks to gather spins effortlessly.

What is Gacha Club OC? Everything you need to know about Gacha Club OC

What is Gacha Club OC? Everything you need to know about Gacha Club OC

Discover everything about Gacha Club OC, from creation to customization, and tips to enhance your gaming experience.

How to create a room to play with friends in Mini World: Block Art

How to create a room to play with friends in Mini World: Block Art

Learn how to create a room and play with friends in Mini World: Block Art, including multiplayer options and map sharing. Perfect for gamers looking to enhance their experience.

How to tame the mounts in Mini World: Block Art

How to tame the mounts in Mini World: Block Art

Learn the efficient ways to tame various mounts in Mini World Block Art, speeding up your travel and enhancing your gameplay experience.

Free Fire: Which MP40 skin is the best?

Free Fire: Which MP40 skin is the best?

Discover the best MP40 skins in Free Fire and find out how they enhance gameplay. Learn more from WebTech360 about the top choices for Free Fire players.

How to download and install ZingSpeed ​​on your computer

How to download and install ZingSpeed ​​on your computer

A detailed guide on how to install the racing game ZingSpeed (ZingSpeed Mobile) on your computer using various methods.

How To Delete All Of Your Friends In Roblox

How To Delete All Of Your Friends In Roblox

Discover effective methods to delete all of your friends in Roblox effortlessly while maintaining your favorite connections!

How to View How Many Hours You’ve Played on Minecraft

How to View How Many Hours You’ve Played on Minecraft

Discover how to easily check how many hours you’ve spent playing Minecraft, along with detailed statistics of your gameplay for a comprehensive gaming experience.

Guide to play PES 2019 (Pro Evolution Soccer 2019) on the computer

Guide to play PES 2019 (Pro Evolution Soccer 2019) on the computer

Learn how to play PES 2019 (Pro Evolution Soccer 2019) with our comprehensive setup guide, ensuring a smooth gaming experience. Ideal for newcomers to Pro Evolution Soccer games.

How to switch from Survival to Creative mode in Mini World: Block Art

How to switch from Survival to Creative mode in Mini World: Block Art

Learn how to easily switch between Survival and Creative modes in Mini World: Block Art and enhance your gaming experience effortlessly.

Top 10 Lightest PC Games For Young People Most Loved Today

Top 10 Lightest PC Games For Young People Most Loved Today

Discover the best lightweight games for PC that are perfect for young gamers. Enjoy these popular titles without heavy system requirements!

Top 10 Best Gacha Games On PC And Mobile, Most Worth Playing 2023

Top 10 Best Gacha Games On PC And Mobile, Most Worth Playing 2023

Searching for a captivating gacha game to immerse yourself in? Check out our top 10 gacha games that are worth playing in 2023.

How To Connect A Controller To Parsec

How To Connect A Controller To Parsec

Learn how to connect a controller to Parsec for a seamless gaming experience. Perfect for multiplayer sessions and enhanced gameplay.

How To Install Discord On Amazon Fire Stick

How To Install Discord On Amazon Fire Stick

Learn how to install Discord on your Amazon Fire Stick using alternative app stores. This guide provides a step-by-step process to access Google Play Store apps.