DEV Community

Cover image for Productivity Boost with Cmd+. / Ctrl+.
Daniel Bellmas
Daniel Bellmas

Posted on Edited on

Productivity Boost with Cmd+. / Ctrl+.

The light bulb icon šŸ’” means that VS Code found a possibility to refactor the code. It can be accessed by pressing ⌘ Cmd+. / ⌃ Ctrl+.

There are many more little quick fixes, but here are some I frequently use:

Remove braces

Remove braces


Add braces

Add braces


Extract to a constant/function

Extract to a constant


Extract Type/Interface

Extract Type/Interface


Remove unused imports

There are many more little quick fixes options.


Add a missing import

Add a missing import


Add all missing imports

Add all missing imports


Convert then to async await

Convert then to async await


Bonus Productivity Tip āš”ļø

By pressing F2, the variable's name will be changed everywhere it is referenced.

Renaming

Top comments (2)

Collapse
 
lgrammel profile image
Lars Grammel •

Great tips! I've written an extension that adds more quick fixes and keyboard shortcuts, maybe you find it useful too: JavaScript Refactoring Assistant

Collapse
 
danielbellmas profile image
Daniel Bellmas •

Niceee,Thank you šŸ™šŸ¼