Integración del IDE de Microsoft Edge

  • Artículo

Varias características de las herramientas de Microsoft proporcionan la integración del desarrollo mediante Microsoft Edge, Visual Studio Code y Visual Studio, para desarrollar sus productos, páginas web y aplicaciones web que usan y funcionan con integración completa en Microsoft Edge.

Extensión Microsoft Edge DevTools para Visual Studio Code

La extensión Microsoft Edge DevTools para Visual Studio Code le permite usar la herramienta Elementos y la herramienta Red del explorador Microsoft Edge desde dentro de Visual Studio Code.

Sin salir de Visual Studio Code, use Microsoft Edge DevTools para conectarse a una instancia o iniciar una instancia de Microsoft Edge y, a continuación:

  • Vea la estructura HTML en tiempo de ejecución.
  • Cambie el diseño de la página web.
  • Cambie los estilos CSS y corrija los problemas de estilo.
  • Lee los mensajes de la consola.
  • Ver solicitudes de red.

Consulte Extensión Microsoft Edge DevTools para obtener Visual Studio Code.

Archivos de código abierto en Visual Studio Code

Los archivos de código abierto en Visual Studio Code experimento le permiten usar Microsoft Edge DevTools, pero luego editar los archivos en Visual Studio Code en lugar de en el editor de código de la herramienta Orígenes de DevTools.

Al usar este experimento, si usa Visual Studio Code y usa DevTools para cambiar las reglas CSS, ya no tendrá que usar el editor de código en la herramienta Orígenes de DevTools. Simplemente puede usar el editor de código en Visual Studio Code. Al activar este experimento, los archivos locales obtendrán un tratamiento diferente.

Consulte Apertura de archivos de origen en Visual Studio Code.

Depuración de Microsoft Edge en Visual Studio Code

Visual Studio Code incluye un depurador integrado para Microsoft Edge, que puede iniciar el explorador o conectarse a un explorador que ya se está ejecutando.

Este depurador integrado le permite depurar el código JavaScript front-end línea a línea y ver console.log() instrucciones directamente desde Visual Studio Code.

Consulte Depuración de Microsoft Edge en Visual Studio Code.

Extensión webhint para Visual Studio Code

Use webhint, una herramienta de linting personalizable, para mejorar la funcionalidad de su sitio, incluidos:

  • Accesibilidad.
  • Rendimiento.
  • Compatibilidad entre exploradores.
  • Compatibilidad con PWA.
  • Seguridad:

webhint comprueba los procedimientos recomendados y los errores comunes en el código. Identifique y corrija problemas en los archivos, incluidos HTML, CSS, JavaScript y TypeScript. Las sugerencias aparecen como subrayados ondulados en el editor de texto y se resumen en el panel Problemas .

Nota: A partir de abril de 2022, ya no se mantiene la extensión webhint para Visual Studio Code. Consulte Extensión Microsoft Edge DevTools para obtener Visual Studio Code.

Visual Studio para el desarrollo web

Microsoft Visual Studio es un entorno de desarrollo integrado (IDE). Úsela para editar, depurar, compilar y publicar las aplicaciones web. Es un programa rico en características que se puede usar para muchos aspectos del desarrollo web.

Además del editor estándar y el depurador que proporcionan la mayoría de los IDE, Visual Studio incluye características para facilitar el proceso de desarrollo, entre las que se incluyen:

  • Compiladores.
  • Herramientas de finalización de código.
  • Diseñadores gráficos.
  • Y muchas más características.

Consulte Visual Studio para el desarrollo web.