WebStorm
The most powerful IDE for JavaScript/TypeScript development, completely covering modern web development from frontend to Node.js
Shortcuts for continuously improving JavaScript code quality with safe refactoring features like renaming, function extraction, and variable extraction
Shift+F6
Rename
Renames a symbol.
💡 Hint: Rename
🎯 Safely rename variables, functions, and class names across the entire project
Ctrl+Alt+M
Extract method
Extracts the selected code into a method.
💡 Hint: Method
🎯 Extract selected code as a new method to improve code reusability
Ctrl+Alt+N
Inline variable
Inlines a variable.
💡 Hint: Inline
🎯 Replace unnecessary variables with their values to simplify code
Ctrl+F6
Change signature
Changes the signature of functions or methods.
💡 Hint: Signature
🎯 Safely change method parameters and automatically update all call sites
F6
Move
Moves selected element(s) or file(s).
💡 Hint: Move
🎯 Move files or classes to different directories and automatically update import statements
Alt+Delete
Safe delete
Performs a safe delete operation.
💡 Hint: Delete safely
🎯 Safely delete after checking usages to clean up unnecessary code
Ctrl+Alt+Shift+T
Refactor this
Opens the Refactor This menu.
💡 Hint: This refactor
🎯 Display all available refactoring options