- Code review (by raising a pull request)
Believe me, finding a console.log() in production ready code is a sin and if you are using console.log() to debug and you forget to remove it, its like littering all over the codebase.
In VS Code:
- Open the global search and replace by pressing Ctrl+Shift+H (in Windows) or Cmd+Shift+H (in Mac).
- Search for the regex – console.log.*$
- Press Alt+R to select the Regular Expression mode or click on the “Use Regular Expression icon” and hit Enter. If there are console.log() in your project, the sidebar will get populate with them.
- Leave the “Replace” input empty
- Click on “Replace All”
Make a habit to:
- Lint your code before you commit
- Remove all unnecessary console.log() – DO NOT LITTER.
This will help you to keep the code clean and also ask your fellow friends/colleagues not to litter!
Turbo Console Log
Turbo Console Log is a VS code extension which comes handy while developing and debugging. You appreciate the sheer power of this extension when you are deep into debugging a particular function flow and you are repeatedly adding and removing console.log() as breakpoints.
Adding meaningful log messages:
- Selecting the variable which is the subject of the debugging
- Pressing Ctrl + Alt + L
Not only this you can do some magical stuff with the console.log() messages inserted by the extension (not the ones you did manually) like:
- Alt + Shift + C : Comment all log messages, inserted by the extension, from the current document
- Alt + Shift + U : Un-comment all log messages, inserted by the extension, from the current document
- Alt + Shift + D : Delete all log messages, inserted by the extension, from the current document
If you find this helpful, do share this with your colleagues and dev-friends.