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 ⋙

Creative Projects: Fun DIY Ideas Using Your Phone and PC

Creative Projects: Fun DIY Ideas Using Your Phone and PC

Here are some fun DIY projects you can try using these gadgets alone. After using your Bob Casino login to play your favorite betting games, you’ll feel so refreshed, that you can dive in and get those creative juices directly flowing!

Things to Know About Slots

Things to Know About Slots

Before beginning to play slot PGBET, there are a few things you should understand to help make informed decisions and maximize enjoyment. Knowing these details will enable you to make better choices and have more fun!

Mahjong Mastery: A Beginners Guide to Success with BONS Casino

Mahjong Mastery: A Beginners Guide to Success with BONS Casino

Embark on your mahjong journey with confidence using this comprehensive beginner's guide from BONS Casino. Learn the master essential strategies.

Understanding eSports betting: everything that beginners want to know

Understanding eSports betting: everything that beginners want to know

eSports betting is fascinating and very entertaining, and for those of you who are now getting started with it, learning the basics and understanding the most important betting markets is paramount to help you succeed.

Summary of ways to use Game Bar on Windows 10

Summary of ways to use Game Bar on Windows 10

Summary of ways to use Game Bar on Windows 10, How to use Xbox Game Bar on Windows 10 is a question that many people are interested in. Join WebTech360

Counter-Strike: Global Offensive - PC Configuration for CSGO

Counter-Strike: Global Offensive - PC Configuration for CSGO

CSGO is a famous shooting strategy in the game. So let's explore the details of this game and configure the CS GO gaming computer.

Configure Mortal Kombat 11 game settings for computers

Configure Mortal Kombat 11 game settings for computers

Mortal Kombat 11 is a fighting game version that attracts a large number of players. To be able to play the game, you will need to learn about its settings.

Social Aspects of Sports Betting: Balancing Fun and Responsibility

Social Aspects of Sports Betting: Balancing Fun and Responsibility

Sports betting has become a popular form of entertainment and a lucrative industry across the globe. From the glitz and glamour of Las Vegas casinos to the convenience of online platforms, millions of people engage in sports betting for the thrill of the game and the potential to win big. 

Guide to Install LoL Configuration: Wild Rift Play Smoothly on PC

Guide to Install LoL Configuration: Wild Rift Play Smoothly on PC

After many days of anticipation, League of Legends: Wild Rift Mobile version released by VNG can be officially downloaded on both Android and iOS.

Reference Top 7 Best PC Strategy Games 2023

Reference Top 7 Best PC Strategy Games 2023

Want to find interesting computer games? The following article will introduce you to some of the best PC strategy games.

Top 5 Best Sniper Games For PC 2023 You Shouldnt Miss

Top 5 Best Sniper Games For PC 2023 You Shouldnt Miss

Shooting game, becoming a sniper, you definitely can't miss the following sniper games for PC. Let's find out with WebTech360!

Top 16 Best Racing Games For Computers and Phones You Probably Didnt Know

Top 16 Best Racing Games For Computers and Phones You Probably Didnt Know

If you want to fix your computer lag or slowness when playing games, let's join WebTech360 to refer to the top 6 best PC game acceleration software!

Summary of 5 Best PC Game Accelerator, Lag Reduction Software 2023

Summary of 5 Best PC Game Accelerator, Lag Reduction Software 2023

If you want to fix your computer lag or slowness when playing games, let's join WebTech360 to refer to the top 6 best PC game acceleration software!

Top 10 Best PC MOBA Games 2023 You Should Try

Top 10 Best PC MOBA Games 2023 You Should Try

Let's explore the best Moba game on PC with WebTech360 to try to choose the right one for your own preferences right through this article.

Top 10 Lightest PC Games For Young People Most Loved Today

Top 10 Lightest PC Games For Young People Most Loved Today

Light game for PC is the most searched keyword phrase on today's social networking sites and forums. So what are the best PC entertainment titles?

Top 10 Best Offline Games For IOS You Cant Miss 2023

Top 10 Best Offline Games For IOS You Cant Miss 2023

Good offline games for iOS are currently being searched by many young people. Because you don't need a 3/4G network, it's very convenient, you can play entertainment anytime, anywhere.

Top 10 Most Favorite Driving Simulator Games by Young People

Top 10 Most Favorite Driving Simulator Games by Young People

Driving simulation game is very popular with young people because it brings many strong feelings. So what are the best and most attractive driving games today?

Top 10 Super Attractive Google Games You Shouldnt Miss

Top 10 Super Attractive Google Games You Shouldnt Miss

Online gaming is becoming more and more popular. Pocket top 10 games on Google super attractive, interesting to experience gradually.

Top 10 Best and Most Attractive PC City Building Games

Top 10 Best and Most Attractive PC City Building Games

Are you looking for the hottest PC city building games today? Top games for those who love building and operating the city.

Top 10 Hottest Adventure Games On PC

Top 10 Hottest Adventure Games On PC

Adventure game is a game where you will transform into a character in the game. Adventure games often bring a sense of authenticity, attraction and drama to players.