Información general sobre Visual Studio Code

El código de Visual Studio es un editor de código fuente ligero pero eficaz. El código de Visual Studio está disponible para Windows, Linux y MacOS. Incluye compatibilidad integrada para JavaScript, TypeScript y Node.js, por lo que es una excelente herramienta para los desarrolladores web antes de personalizarla. Si aún no lo usas, descarga el código de Visual Studio.

Extensiones

Para adquirir cualquiera de las extensiones resaltadas a continuación, vaya a extensiones \ (seleccione Ctrl + Shift + X en Windows/Linux o Command + Shift + X en MacOS ) en código de Visual Studio.

Busque la extensión específica en el Marketplace y elija instalar.

Instalar el depurador para la extensión de código de Microsoft Edge Visual Studio

Depurador para Microsoft Edge

Con el depurador de la extensión de código de Microsoft Edge Visual Studio, depura el código de JavaScript front-end línea a línea y muestra las console.log() instrucciones directamente desde el código de Visual Studio.

Con la herramienta de depuración, puedes iniciar o adjuntar a Microsoft Edge \ (EdgeHTML ) y Microsoft Edge \ (cromo ). Para obtener un tutorial sobre la depuración de Microsoft Edge desde código de Visual Studio y configuraciones de ejemplo launch.json , navegue hasta el depurador de la extensión de código de Microsoft Edge Visual Studio. Elija la siguiente imagen para ver la extensión en acción.

Depurador para la extensión de código perimetral de Visual Studio en acción

Herramientas de Microsoft Edge para Visual Studio

Con la extensión de código Visual Studio de las herramientas de Microsoft Edge para Visual Studio , usa la herramienta elementos del explorador Microsoft Edge dentro de Visual Studio. Úsela para las siguientes acciones.

  • Adjunte a una instancia o inicie una instancia de Microsoft Edge.
  • Mostrar la estructura HTML en tiempo de ejecución.
  • Actualice el diseño.
  • Solucione problemas de estilo.

Para obtener más información, vaya a Microsoft Edge Tools para Visual Studio Code Visual Studio Code Extension.

Microsoft Edge Tools para Visual Studio Code Visual Studio Code Extension on Action

webhint

Use webhint, una herramienta de deshacer la personalizable, para mejorar la siguiente funcionalidad de su sitio.

  • Accesibilidad
  • Rendimiento
  • Compatibilidad entre exploradores
  • Compatibilidad de PWA
  • Seguridad

Comprueba el código de las prácticas de programación y los errores comunes. El proyecto de código abierto webhint, desarrollado inicialmente por el equipo de Microsoft Edge, ahora forma parte de la OpenJS Foundation. El equipo de Microsoft Edge continúa contribuyendo a la webhint junto con los desarrolladores web de la comunidad.

Captura de pantalla de la extensión de código webhint de Visual Studio

Identifique y solucione los problemas de su sitio web agregando la extensión webhint para Visual Studio Code. Sugerencias para examinar HTML, CSS, JavaScript, TypeScript y mucho más. Las sugerencias aparecen como líneas de subrayado y se resumen en el panel problemas .

Para obtener más información, vaya a Cómo usar webhint en Visual Studio Code.