Top 7 VS Code extensions
Tags: vscode, frontend, productivity, webdev
Published: 2021-09-09 02:09:17

###The truth is not that they are the best, I was just looking for an eye-catching title.

VS Code for me is one of the best cross-platform text editors, developed with TypeScript, JavaScript and CSS technologies, of course one of its best parts is the large section of extensions that has to improve code development and work productivity, I will tell you about these 7 extensions based on the ones I use most in my day to day coding.

The first of all, and that for me has been very helpful is:

1. [Tabnine](https://tab9.in/eqypp) - Code: It is one of the best Artificial Intelligence assistants, you code much faster, with less errors and of course improves your productivity, it also supports many languages and is totally free, I highly recommend it!

      ![image by tabnine code](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hevgzxdgloh5o3vxudip.png)

       In this case it is an extension that will help you to better identify your code, it is about

2. [Bracket Pair Colorizer](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer): It allows you to identify the brackets of your code with matching colors, so that in this way they match and are better identified, with support for different languages and very customizable, although relatively this extension became obsolete in the last [update](https://code.visualstudio.com/updates/v1_60) of VS Code, because it comes included in the editor itself:

      ![bracket image in editor](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ddftchngy0bnydr0tq5l.png)

       By activating this option, it will be ready for you. Let's go right away to the third one

3. [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint): it is a code analyzer that allows us to write quality code, that is to say, it will allow you to identify errors in your code, faster and identifiable at sight.

       From the third to the fourth:

4. [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer), this extension offers you in a very fast way a live development server, so you can see what you are doing.

       The fifth is a tool that for Spanish speakers, we are very grateful for.

5. [Spanish Languaje Pac for VS Code](https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-es), it is the pack in Spanish of the editor, although I do not recommend it much, it is better that you learn to handle this tools in English, personally I prefer to have it in English, and the main reason is that the language at world-wide level of the programming is English, so it is better that you relate with this one.

6. [Auto rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag) and [Auto Close Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag): The first one serves you for an automatic tag change in your HTML code and the second one for an automatic tag close in your code.

7. [Git Lens](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens), if you work with git, this is your extension, it will enhance the capabilities of git integrated with VS Code, offering many more very effective features.

Obviously I clarify, that does not mean that these are the only good extensions, but I think that from my side are extensions that can not miss in your VS Code, but I hope you leave them in the comments.