Recommended essential extensions that double VS Code coding speed

The most widely loved code editor, from working developers to coding beginners, is VS Code (Visual Studio Code). The biggest reason why VS Code is so loved is not only because of its lightness, but also because of its vast ecosystem of extensions created by developers around the world.

Today, we will introduce you to a few carefully selected essential extensions that will definitely improve your quality of coding life if you install them.

1. The magic of making your code prettier: Prettier - Code formatter

As a developer, you have no choice but to be sensitive to indentation and spacing. Every time you save a quote, Prettier automatically arranges your code nicely and consistently according to preset rules (quote style, indentation spacing, etc.). It is the number one essential installation item that reduces the time you spend following coding conventions to zero.

2. Find your tag partner: Auto Rename Tag

This is very useful when working with HTML or React (JSX). If you change the name of the starting tag (e.g. <div>), the ending tag (</div>) is automatically changed to the same. It neatly solves the hassle of going back and changing the tag name every time you change it.

3. Magnifying glass for typos: Code Spell Checker

If there are English typos in the code, it can be quite embarrassing, and it can also cause fatal bugs when searching for variable names. This extension smartly understands programming naming conventions such as camelCase and corrects English spelling errors in code with a curly underline.

4. Check in real time: Live Server

I highly recommend it to anyone studying web front-end development. The moment you modify and save HTML, CSS, and JS code, the changed screen is immediately rendered and displayed in real time without having to press refresh (F5) on the browser. Working with a browser open on dual monitors increases efficiency.

5. Who wrote the code?: GitLens — Git supercharged

Required if you use Git. For each line of code, it shows 'when', 'who', and 'in which commit' the code was written in blurry text right within the editor. When a bug occurs during collaboration, it couldn't be more convenient to find the person responsible(?) or to understand the history of when the code was added.

VS Code's extensions are powerful weapons that can be added and removed as needed. Make your coding environment more comfortable by using the extensions introduced today! 💻✨