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 🙏🏼