Las 15 mejores extensiones para VSCode.
Tags: vscode, productivity, webdev, espanol
Published: 2021-06-24 23:33:15


En esta ocasión te mostraré las 15 extensiones que debes instalar en Visual Studio Code para sacarle el máximo  provecho y así facilitar tu trabajo día a día como desarrollador.

#### Aquí están las extensiones de VSCode que cubriremos:
  + [PRETTIER](#1)
  + [Auto Close Tag](#2)
  + [Auto Rename Tag](#3)
  + [Material Icon Theme](#4)
  + [Bracket Pair Colorizer](#5)
  + [Better Comments](#6)
  + [LIVE SERVER](#7)
  + [LIVE SHARE](#8)
  + [GITLENS](#9)
  + [SNAPCODE](#10)
  + [Settings Sync](#11)
  + [Code Spell Checker](#12)
  + [Import Cost](#13)
  + [Markdown All in One](#14)
  + [Path Intellisense](#15)

---

1. **PRETTIER** <a name="1"></a>
   - Formatea tu código de manera automática.
![prettier](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xrj79eby083lkhs95ouc.png)
2. **Auto Close Tag** <a name="2"></a>
    - Tiene soporte de etiqueta cerrada para archivos.
![auto close tag](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1gn7g00dahciou56f9le.png)
3. **Auto Rename Tag** <a name="3"></a>
    - Cambia automáticamente el nombre de una etiqueta. Ahorra tiempo al renombrar una etiqueta.
![auto rename tag](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5dtk9347wl9eab3z5hrj.png)
4. **Material Icon Theme** <a name="4"></a>
    - Con este tema tendrás un entorno limpio, minimalista y atractivo.
![material icon theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cvjsxf422hme9h2m8iga.png)
5. **Bracket Pair Colorizer** <a name="5"></a>
    - Permite identificar los corchetes correspondientes con colores.
![bracket pair colorize](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e17f3tfgcibr9j1r8kx7.png) 
6. **Better Comments** <a name="6"></a>
    -  Podrás darle color a tus comentarios.
![better comments](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p6fs2x2pgzc2ovf0fze1.png)
7. **LIVE SERVER** <a name="7"></a>
    - Server local en tiempo real de nuestra pagina.
![live server](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jk6qvu52v6l6c042jeoe.png)
8. **LIVE SHARE** <a name="8"></a>
    - Trabaja en tiempo real en el mismo código.
![live share](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r80dm836cmodtj3gb7a8.png)
9. **GITLENS** <a name="9 "></a>
    - Historial de quien ha editado un fragmento de código en GIT.
![gitlens](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zjya8m94q1ls0demzifm.png)
10. **SNAPCODE** <a name="10"></a>
     - Capturas de pantalla profesional.
![snapcode](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bd4mdxf9w14jhqk4ak8z.png)
11. **Settings Sync** <a name="11"></a>
    - Permite sincronizar el estado de su VSCode entre varias instancias.
![setting sync](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/90ttm86as5kz6gtfjobf.png)
12. **Code Spell Checker** <a name="12"></a>
    - Nos ayuda a detectar errores ortográficos.
![code spell checker](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xef7oo534aq9d6wktxz3.png)
13. **Import Cost** <a name="13"></a>
    - Ayuda con la productividad al mostrar el tamaño estimado de un paquete de importación.
![import cost](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hwq5q9wpoxu9lwe9i0zi.png)
14. **Markdown All in One** <a name="14"></a>
    - Es una extensión muy útil para todo lo relacionado con Markdown.
![markdown all in one](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vwq8jrtnt21h3siu6e9z.png)
15. **Path Intellisense** <a name="15"></a>
    - Esta extensión le ayuda a completar automáticamente la ruta de las importaciones.
![path intellisense](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z7nwpy6chaltw7v2ehny.png)

---

Repositorio de Git: https://github.com/gdcodev/extensiones-vscode
📌 Mis Redes: 🔵[Facebook](https://www.facebook.com/gdcode7) | 💼[LinkedIn](https://www.linkedin.com/in/gastondanielsen/) | 💻[Github](https://github.com/gdcodev)