This tutorial is out of date and no longer maintained.
I’ve recently been live-coding on Twitch and the thing that I’ve loved about it is all the users in the chat that are helping me out by giving me their own tips and tricks.
In our most recent stream, we started talking about my VS Code extensions and one that was recommended to me that I’d never heard of before was Turbo Console Log.
In a nutshell, it lets you take a variable and quickly write the whole console.log statement with keyboard shortcut CTRL+ALT+L
for Windows or CMD+OPT+L
for Mac.
Here’s a gif of it in action:
I’m a sucker for any keyboard shortcut that can save me from writing some characters. Absolutely love working with Vim.
If you told me of an extension or keyboard shortcut that saved me typing even 3 characters, I’ll jump on it and dedicate adding that to my arsenal of keyboard shortcuts.
The JavaScript (ES6 Code Snippets) extension has a convenient snippet where you can type:
clg
Expands to:
console.log()
Turbo Console Log provides another convenient shortcut to create those console.logs.
In addition to creating console.log()
messages quickly, Turbo Console Log can:
SHIFT+ALT+D
SHIFT+ALT+C
SHIFT+ALT+U
Yes, I know that the Debugger for Chrome extension is useful also to find out what is in your code, but sometimes you just gotta console it! For some tutorials on debugging in VS Code, check out these:
Thanks for learning with the DigitalOcean Community. Check out our offerings for compute, storage, networking, and managed databases.
This textbox defaults to using Markdown to format your answer.
You can type !ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!
Sign up for Infrastructure as a Newsletter.
Working on improving health and education, reducing inequality, and spurring economic growth? We'd like to help.
Get paid to write technical tutorials and select a tech-focused charity to receive a matching donation.