Leer en inglés

Compartir a través de


Desarrollo web en Windows

Microsoft ofrece una variedad de recursos para los desarrolladores web, incluidas las nuevas herramientas y características que admiten el desarrollo web con Windows. En esta guía se describen muchas de las herramientas disponibles para hacer que Windows sea el entorno ideal para el desarrollo web. Para obtener una lista de las API, consulte API para desarrollo web.

WebView, DevTools, PWA

Icono de WebView 2
WebView 2
Inserte contenido web (HTML, CSS y JavaScript) en sus aplicaciones nativas con Microsoft Edge WebView2. Descargar WebView 2

Icono de Microsoft Edge DevTools
Microsoft Edge DevTools
Las Herramientas de desarrollo de Microsoft Edge son un conjunto de herramientas de inspección y depuración integradas directamente en el explorador Microsoft Edge. Para abrir DevTools, con el foco en Microsoft Edge:

  • Haga clic con el botón derecho en Inspeccionar.
  • Seleccione la tecla F12.
  • Ctrl + Shift + i

Icono de PWA
Aplicaciones web progresivas en Windows
Las Aplicaciones web progresivas (PWA) proporcionan a los usuarios una experiencia nativa similar a la de una aplicación, personalizada para el dispositivo en cuestión. Se tratan de sitios web que se mejoran de manera progresiva para funcionar como las aplicaciones nativas en plataformas compatibles.
Empieza con PWA

Explorador Microsoft Edge

Icono de Microsoft Edge
Microsoft Edge para desarrolladores
El nuevo Microsoft Edge se basa en Chromium para crear una mejor compatibilidad web y obtener menos fragmentación de las plataformas web subyacentes. Se publicó el 15 de enero de 2020, y se admite en Windows, macOS, iOS y Android.
Instalar el nuevo Microsoft Edge

Microsoft Edge para empresas
Microsoft Edge para empresas
Microsoft Edge se basa en Chromium y ofrece soporte técnico empresarial. Obtenga instrucciones detalladas sobre cómo configurar e implementar los distintos canales disponibles.
Descargar canal de Microsoft Edge

Icono de Microsoft Edge Insider
Microsoft Edge Insider
Creamos algo nuevo para Microsoft Edge todos los días. Conozca más sobre nuestro progreso reciente y cómo puede participar. Descargar la versión Microsoft Edge Beta

Icono de soporte técnico de Microsoft Edge
Soporte técnico de Microsoft Edge
Obtenga ayuda para personalizar el explorador, agregar extensiones, impedir el seguimiento, solucionar problemas y mucho más. Obtener ayuda con Microsoft Edge

Depuración, pruebas y accesibilidad

Extensión del depurador para Edge de VS Marketplace
Herramientas de Microsoft Edge para VS Code
Sin salir de Visual Studio Code, use Microsoft Edge DevTools para conectarse a una instancia y ver la estructura HTML en tiempo de ejecución, cambiar diseños, estilos (CSS), leer mensajes de consola y ver solicitudes de red.
Instalación de herramientas de Microsoft Edge para VS Code

Icono de WebHint
WebHint para accesibilidad
Una herramienta de detección de errores personalizable que le ayuda, entre otras cosas, a mejorar la accesibilidad, la velocidad y la compatibilidad entre exploradores del sitio, mediante la comprobación del código para ver los procedimientos recomendados y los errores comunes.
Instalar la extensión de VS Code
Instalar la extensión del navegador
Instalar la CLI

Icono de WebDriver
WebDriver
Cierre el bucle del ciclo de desarrollo al automatizar las pruebas de su sitio web en Microsoft Edge con Microsoft WebDriver.
Instalar WebDriver

Editores de Visual Studio Code

Icono de VS Code
VS Code
Un editor de código fuente ligero con compatibilidad integrada para JavaScript, TypeScript, Node.js, un completo ecosistema de extensiones (C++, C#, Java, Python, PHP, Go) y tiempos de ejecución (como .NET y Unity).
Instalación de VS Code

Icono de Visual Studio
Visual Studio (IDE)
Un entorno de desarrollo integrado que puede usar para editar, depurar, compilar código y publicar aplicaciones, incluidos los compiladores, la finalización del código de IntelliSense y muchas otras características.
Instalación de Visual Studio

Icono del marketplace de VS Code
VS Code Marketplace para extensiones
Explore las diversas extensiones disponibles para personalizar su editor de Visual Studio Code.
Instalar extensiones

Icono del marketplace de Visual Studio
Visual Studio Marketplace para extensiones
Explore las diversas extensiones disponibles para personalizar su entorno de desarrollo integrado en Visual Studio.
Instalar extensiones

WSL, Terminal, Administrador de paquetes, Docker Desktop

Icono de WSL
Subsistema de Windows para Linux
Use su distribución de Linux favorita totalmente integrada con Windows (ya no es necesario el arranque dual).
Instalación de WSL

Icono de Terminal Windows
Terminal Windows
Personalice el entorno de terminal para trabajar con varios shells de línea de comandos.
Instalación de terminal

Icono de Docker Desktop para Windows
Docker Desktop para Windows
Cree contenedores de desarrollo remotos con compatibilidad desde Visual Studio, VS Code, .NET, Subsistema de Windows para Linux o una variedad de servicios de Azure.
Instalación de Docker Desktop para Windows

ASP.NET, TypeScript, Xamarin

Icono de ASP.NET
ASP.NET
Un marco multiplataforma para compilar servicios y aplicaciones web, aplicaciones de Internet de las cosas (IoT) o back-ends móviles con .NET y C#. Cree una interfaz de usuario web interactiva enriquecida con Blazor. Use sus herramientas de desarrollo favoritas en Windows, macOS y Linux. Efectuar implementaciones locales y en la nube. Ejecute en .NET.
Instalar ASP.NET

Icono de TypeScript
TypeScript
TypeScript amplía JavaScript al agregar tipos al lenguaje. Por ejemplo, JavaScript proporciona primitivas del lenguaje, como cadenas, números y objetos, pero no comprueba que se hayan asignado de forma coherente. TypeScript sí lo hace.
Pruébelo en el navegadorInstalación local

Icono de repositorio de Xamarin
Xamarin
Xamarin le permite crear aplicaciones nativas para Android, iOS y macOS mediante un código .NET y las interfaces de usuario específicas de plataforma. Xamarin.Forms le permite crear aplicaciones nativas, con código de interfaz de usuario compartido escrito en C# o XAML.
Instalar Xamarin

Contribuciones de código abierto

Icono de código abierto
Código abierto en Microsoft
Miles de ingenieros de Microsoft usan, aportan y publican código abierto cada día. Entre los proyectos más populares se incluyen Visual Studio Code, TypeScript, .NET y ChakraCore.
Participación

Icono de repositorio de WinDev
Repositorio de problemas de rendimiento de Windows Developer
Tanto si va a desarrollar PARA Windows o EN Windows, como si lo usa como máquina de desarrollo multiplataforma, queremos conocer cualquier problema de rendimiento que le genere molestias.
Enviar un problema de rendimiento

icono de documentos
Contribuir a los documentos
La mayor parte de los conjuntos de documentación de Microsoft son de código abierto y se hospedan en GitHub. Puede contribuir notificando los problemas o creando solicitudes de incorporación de cambios.
Descubre cómo

Desarrollo en la nube con Azure

icono de Azure
Azure
Una plataforma en la nube completa para hospedar las aplicaciones existentes y optimizar nuevo desarrollo. Los servicios de Azure integran todo lo que necesita para desarrollar, probar, implementar y administrar las aplicaciones.
Configuración de una cuenta de Azure

Icono de Azure Cognitive Services
Azure Cognitive Services
Servicios basados en la nube con API REST y SDK de biblioteca cliente disponibles para ayudarle a integrar inteligencia cognitiva en sus aplicaciones.
Probar Cognitive Services

Icono de la guía de desarrollo de Azure
Conozca Azure
Una plataforma en la nube completa para hospedar las aplicaciones existentes y optimizar nuevo desarrollo. Los servicios de Azure integran todo lo que necesita para desarrollar, probar, implementar y administrar las aplicaciones.
Configuración de una cuenta de Azure

Recursos adicionales

Icono de configuración del entorno de desarrollo
Configuración del entorno de desarrollo en Windows
Obtenga ayuda para configurar el entorno de desarrollo para que funcione con Python, NodeJS, C#, C, C++, compilar aplicaciones de Android, compilar aplicaciones de escritorio de Windows, crear contenedores de Docker, ejecutar scripts de PowerShell y mucho más.
Introducción

Icono de React Native for Desktop
React Native para escritorio
Incorpore la compatibilidad de React Native a Windows SDK y al SDK de macOS 10.13. Use JavaScript para compilar aplicaciones nativas de Windows para todos los dispositivos compatibles con Windows, incluidos equipos, tabletas, 2 en 1, Xbox, dispositivos de realidad mixta, etc., así como para los ecosistemas de escritorio y portátiles de macOS.
Instalación de React Native para escritorio
Instalación de React Native para escritorio

Icono de Learn
Cursos de Microsoft Learn relacionados con el desarrollo web
Microsoft Learn ofrece cursos en línea gratuitos para aprender una variedad de nuevas aptitudes y descubrir los productos y servicios de Microsoft con instrucciones paso a paso.
Comenzar el aprendizaje

Transición entre Mac y Windows

Consulte nuestra guía sobre la transición entre un entorno de desarrollo de Mac y Windows (o el Subsistema de Windows para Linux).