VSCode Extensions

VSCode Extensions for Development

4 min readMay 21, 2023

Must have VS Code extensions to improve productivity during development, ramp up your developer productivity and save yourself from Extreme Time taking tasks.

The way we construct and develop apps has changed dramatically as technological trends have changed. To get the intended results in the long run, it is critical to reduce your programming needs. Visual Studio Code is widely recognised as one of the best IDEs for web development.

VS Code Extensions for 2023

1. Prettier

Prettier is a useful tool that automatically formats your code using opinionated and customizable rules. It ensures that all your code has a consistent format and can help enforce a specific styling convention in a collaborative project involving multiple developers.

The Prettier addon for Visual Studio Code integrates the code editor with Prettier seamlessly, allowing you to instantly format code using a keyboard shortcut or immediately after saving the file.

2. Indent-Rainbow

Indent Rainbow is a great tool to add color and productivity to your setup. It can also help serve as an alignment check for your indentation. Each indentation is given an alternating rainbow color.

This addon colorsizes the indentation in front of your text by rotating between four distinct colours at each step. Some may find it useful while creating code for Python, Nim, Yaml, and maybe even filetypes that do not need indentation.

3. Visual Studio Intellicode

Artificial intelligence is increasing worker productivity in a variety of occupations, including developers. IntelliCode is a tool that generates intelligent code completion recommendations based on the current code environment. This is accomplished through the use of an AI model that has been trained on hundreds of prominent open-source projects on GitHub.

IntelliCode prioritises what you’re most likely to utilise in your IntelliSense completion list. These tips for saving time are based on an analysis of hundreds of open-source contributions on GitHub. You may even add your own custom methods and code base characteristics to some languages.

4. Auto Rename Tag

While Auto Rename Tag instantly renames tags that you update, VSCode automatically highlights matched tags and automatically adds closing tags whenever you input an opening tag.

The extension works for HTML, XML, PHP, and JavaScript, and removes the need to change your tag names twice.

5. Peacock

This extension lets you customize your workspace colors and settings for different projects, which is helpful for developers who work on multiple projects simultaneously and want a visual cue to help them keep track of which project they are working on.

You can easily identify and switch between different projects by color-coding your workspaces.

ChatGPT — Bonus Extension

Text-based AI tool to answer your questions.

In today’s fast-paced world, productivity is critical, and ChatGPT can help you achieve more in less time. While many devs use it for debugging, generating dummy code, or rewriting text, there are other important uses of ChatGPT:

  1. Chatting with ChatGPT is as if you are chatting with a human, making it an intuitive and user-friendly tool.
  2. ChatGPT maximizes productivity by getting quick and accurate answers to your questions.
  3. ChatGPT can learn from user interactions and improve over time. This makes it a valuable resource for individuals and businesses alike, helping them stay competitive in an increasingly fast-paced and demanding world.
  4. ChatGPT can act as an assistant which can save you time by completing tasks faster and more efficiently.

These are some Extensions that might be useful For developers if you think there are some more valuable please let me know.