DEV Community

Cover image for Top 10 extensiones para VSCode
Anthony Trillo
Anthony Trillo

Posted on

Top 10 extensiones para VSCode

Contenido:

  1. Tabnine AI Autocomplete for Javascript
  2. Live Server
  3. Auto Close Tag
  4. Auto Rename Tag
  5. Trailing Spaces
  6. Error Lens
  7. RapidAPI client
  8. Image Preview
  9. One Dark Pro
  10. Material Icon Theme

Bonus

Tabnine AI Autocomplete for Javascript

Tabnine es un asistente de código de IA que lo convierte en un mejor desarrollador. Tabnine aumentará su velocidad de desarrollo con finalizaciones de código en tiempo real en todos los lenguajes de codificación e IDE más populares.
Tabnine example

Link a Tabnine

Live Server

Inicie un servidor de desarrollo local con función de recarga en vivo para páginas estáticas y dinámicas.
Live server example

Accesos directos para iniciar / detener el servidor

  • Abrir un proyecto y hacer clic para Go Live desde la barra de estado para encender / apagar el servidor.

Example

  • Haga clic derecho en un HTML archivo de Explorer Window y haga clic en Open with Live Server.

Example

  • Abra un archivo HTML y haga clic derecho en el editor y haga clic en Open with Live Server.

Example

  • Presione (alt+L, alt+O) para abrir el servidor y (alt+L, alt+C) para detener el servidor ( Puede cambiar la codificación de forma de acceso directo ). [ En MAC, cmd+L, cmd+O y cmd+L, cmd+C]

  • Abra el comando Palete presionando F1 o ctrl+shift+P y tipo Live Server: Open With Live Server para iniciar un servidor o tipo Live Server: Stop Live Server para detener un servidor.

Link a Live Server

Auto Close Tag

Agregue automáticamente la etiqueta de cierre HTML / XML, igual que Visual Studio IDE o Sublime Text.
Example

Link a Auto Close Tag

Auto Rename Tag

Cambie el nombre automáticamente a la etiqueta HTML / XML emparejada, al igual que Visual Studio IDE.

Example

Link a Auto Rename Tag

Trailing Spaces

Resalte los espacios finales y elimínelos en un instante!

Example

Link a Trailing Spaces

Error Lens

ErrorLens turbo carga las características de diagnóstico del lenguaje al hacer que los diagnósticos se destaquen más prominentemente, destacando toda la línea donde sea que el lenguaje genere un diagnóstico y también imprima el mensaje en la misma línea.

Example

Link a Error Lens

RapidAPI Client

RapidAPI Client es un cliente HTTP con todas las funciones que le permite probar y describe las API que construye o consume. Diseñado para trabajar con sus temas de código VS, RapidAPI Client hace que la composición de solicitudes, la inspección de las respuestas del servidor, la generación de código de cliente para llamadas API y los objetos tipsafe para el desarrollo de aplicaciones sean simples e intuitivos. Nuestro cliente ofrece una excelente alternativa a: cartero, cliente de descanso y otros clientes HTTP.

Example

Link a RapidAPI Client

Image Preview

Muestra una vista previa de la imagen en el path de la imagen y en la barra lateral.

Example

Link a Image Preview

One Dark Pro

El icónico tema One Dark de Atom, y uno de los más instalados temas para el código VS!

Example

Link a One Dark Pro

Material Icon Theme

Iconos de Diseño que te ayudarán a distinguir fácilmente diferentes tipos de archivos.

Example

Link a Material Icon Theme

CodeSnap

Toma hermosas capturas de pantalla de su código en VS Code.

Example

Link a CodeSnap

Indent Rainbow

Esta extensión colorea la sangría frente a su texto, alternando cuatro colores diferentes en cada paso. Algunos pueden encontrar útil para escribir código para Python, Nim, Yaml y probablemente incluso tipos de archivos que no dependen de la sangría.

Example

Link a Indent Rainbow

Top 10 extensiones para VSCode

Este es mi Top 10 mejores extenciones que nunca te deben faltar, espero te haya servido de alguna manera, gracias por leerme.

Top comments (0)