Insert meaningful log messages automatically, with turbo-console-log.Īll you need to do is select the variable which you want to debug, press Ctrl + Alt + L, and the log message will be inserted in the next line. It automates the operation of writing meaningful log messages and inserts them automatically. When it comes to log messages, the turbo-console-log extension has got your back. Table of Contentsīelow you’ll find quick jumps to specific extensions that you might need.

In this post, we look into useful VS Code extensions for front-end development, from fine productivity boosters to advanced debugging helpers. Perhaps finding the right file takes too long, or finding a matching closing bracket becomes a long-winded adventure on its own. We spend so much time in our text editors, and every now and again we encounter those little frustrating issues that slow us down. Recently, we’ve also covered CSS auditing tools, CSS generators and accessible front-end components - you might find them useful, too. Meet useful Visual Studio Code extensions for web developers: little helpers to minimize slow-downs and frustrations, and boost developer’s workflow along the way.

Github visual studio code online