Three Underrated VS Code Extensions That Can Save You Lots of Time
Tags: webdev, vscode, programming, javascript
Published: 2023-05-19 09:03:10

Visual Studio Code (VS Code) is a popular code editor known for its flexibility and extensive marketplace of extensions. While many developers are aware of the essential extensions, there are some hidden gems that can greatly enhance productivity and save valuable time. In this blog post, we will explore three underrated VS Code extensions that you might not be using yet but should definitely consider adding to your toolkit.

### Multiple cursor case preserve

Link: [Multiple cursor case preserve](https://marketplace.visualstudio.com/items?itemName=Cardinal90.multi-cursor-case-preserve)

Working with multiple cursors in VS Code is a powerful feature, but it often poses challenges when maintaining proper casing. When modifying occurrences of a word in multiple places, the camel case tends to break, causing inconsistencies. The Multiple cursor case preserve extension comes to the rescue by preserving the original casing. With this extension, you can ensure consistent and accurate casing changes across your code, as shown in the example below:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cgan4jcv9qkq9mtleefi.gif)

### Template String Converter

Link: [Template String Converter](https://marketplace.visualstudio.com/items?itemName=meganrogge.template-string-converter)

Converting regular strings to template strings can be a tedious task. The Template String Converter extension simplifies this process by automatically converting regular strings to template strings when you type ${. This time-saving feature eliminates the need for manual conversion. Take a look at the demo below to see it in action:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dmshqmacm0uzv6qrfbfp.gif)

### Bracket Padder

Link: [Bracket Padder](https://marketplace.visualstudio.com/items?itemName=viablelab.bracket-padder)

The Bracket Padder extension might not be well-known, but it offers a valuable time-saving capability. As the name suggests, it automatically adds whitespace padding for bracket pairs. This small enhancement greatly improves code readability and makes it easier to identify the boundaries of blocks and statements. The following animation demonstrates the Bracket Padder extension in action:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qczu0t0im9pw7qguqr8v.gif)

Conclusion:
These three underrated VS Code extensions can significantly enhance your coding workflow and save you precious time. The Multiple Case Preserve extension ensures consistent casing changes when working with multiple cursors. The Template String Converter automates the conversion of regular strings to template strings, reducing manual effort. Lastly, the Bracket Padder adds whitespace padding for bracket pairs, enhancing code readability. Give these extensions a try and see how they can boost your productivity. If you have any other recommendations for VS Code extensions, please tweet them at me [@levischoute](https://twitter.com/levischoute). Happy coding!

My personal website [levischouten.net](https://levischouten.net)
My Twitter [@levischoute](https://twitter.com/levischoute)