Skip to content
Webstorm icon

Webstorm shortcuts for Mac

29 shortcuts · 8 categories

WebStorm is a powerful and intuitive IDE that offers developers smart coding assistance, robust debugging tools, and a host of integrated features for JavaScript, TypeScript, HTML, and CSS, facilitating efficient and quality web development. Download Webstorm

Hover a shortcut to add it to Pie Menu

Mac keyboard shortcuts for Webstorm

Navigation

  • Recent files⌘ (command) + E Add →
  • Recent locations⌘ (command) + ⇧ (shift) + E Add →
  • Open file⌘ (command) + ⇧ (shift) + O Add →
  • Create scratch file⌘ (command) + ⇧ (shift) + N Add →
  • Toggle Project panel⌘ (command) + 1 Add →
  • Select file in Project (customised)⌘ (command) + ⇧ (shift) + 1 Add →
  • Go to current file in project, explorer, changes, browser, etc⌥ (option) + F1 Add →
  • Show the Switcher popup⌃ (control) + ⇥ Add →
  • Recent projects⌘ (command) + ⇧ (shift) + P Add →
  • Close project (customised)⌘ (command) + ⇧ (shift) + W Add →

Editor

Editing

  • Select next same word (forward)⌃ (control) + G Add →
  • Deselect next same word (backward)⌃ (control) + ⇧ (shift) + G Add →

Assistance

Application

Coding Assistance

Code Refactoring

  • Refactor this…⌃ (control) + T Add →
  • Extract variable⌘ (command) + ⌥ (option) + V Add →
  • Extract constant⌘ (command) + ⌥ (option) + C Add →

General Refactoring

Download Keyboard Cheat Sheet for Webstorm for Mac

Do you want all keyboard shortcuts for Webstorm in one pdf?

Cheat sheet

Community shortcuts for Webstorm

Be the first to share — open Pie Menu → Webstorm → Share Config

View community page →
Pie Menu

Get started with Pie Menu today.

The convenience of shortcuts without the memorization!