DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 968,873 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Cover image for Productivity Boost with Cmd+. / Ctrl+.
Daniel Bellmas
Daniel Bellmas

Posted on • Updated 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 Author

Niceee,Thank you πŸ™πŸΌ

🌚 Browsing with dark mode makes you a better developer.

It's a scientific fact.