Compartir a través de


Desarrollo web en Windows

Microsoft ofrece una variedad de recursos para desarrolladores web, incluidas nuevas herramientas y características que admiten el desarrollo web mediante Windows. En esta guía se tratan muchas de las herramientas disponibles para que Windows sea su entorno ideal para desarrollar en la web. Para obtener una lista de las API, consulte API para desarrollo web.

WebView, DevTools, PWA

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

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

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

Icono de PWA
Aplicaciones web progresivas en Windows
Los Web Apps progresivos (PWA) proporcionan a los usuarios una experiencia nativa y similar a la aplicación personalizada para sus dispositivos. Se tratan de sitios web que se mejoran de manera progresiva para funcionar como las aplicaciones nativas en plataformas compatibles.
Empieza con PWA

navegador 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 menos fragmentación de las plataformas web subyacentes. Publicado el 15 de enero de 2020, se admite en Windows, macOS, iOS y Android.
Instale el nuevo Microsoft Edge

Microsoft Edge for Business
Microsoft Edge for Business
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 Microsoft Edge

icono Microsoft Edge Insider
Microsoft Edge Insider
Estamos construyendo algo nuevo para Microsoft Edge todos los días. Conozca más sobre nuestro progreso reciente y cómo puede participar. Download Microsoft Edge versión beta

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

Debugging, pruebas y accesibilidad

Extensión de depuración de Edge para VS Marketplace
Microsoft Edge Tools for 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.
Install Microsoft Edge Tools for VS Code

Icono de WebHint
WebHint para la accesibilidad
Una herramienta de linting personalizable que le ayuda a mejorar la accesibilidad, la velocidad, la compatibilidad entre navegadores del sitio y más, revisando su código en busca de mejores prácticas y 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 en el ciclo del desarrollador mediante la automatización de las pruebas de su sitio web en Microsoft Edge con Microsoft WebDriver.
Instalar WebDriver

editores de código de Visual Studio

Icono de VS Code
VS Code
Un editor de código fuente ligero con compatibilidad integrada con JavaScript, TypeScript, Node.js, un amplio ecosistema de extensiones (C++, C#, Java, Python, PHP, Go) y entornos 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.
Install Visual Studio

Icono del marketplace de VS Code
Tienda de Extensiones de VS Code
Explore las muchas extensiones diferentes disponibles para personalizar el editor de Visual Studio Code.
Instalar extensiones

Icono del Marketplace de Visual Studio
Marketplace de Visual Studio para extensiones
Explore las muchas extensiones diferentes disponibles para personalizar el entorno de desarrollo integrado de Visual Studio.
Instalar extensiones

WSL, Terminal, Package Manager, Docker Desktop

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

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

icono de Windows Package Manager
Windows Package Manager
Use el cliente de winget.exe con la línea de comandos para instalar aplicaciones en Windows o submiter sus propios paquetes para Windows Package Manager.
Instalar el cliente winget del Administrador de Paquetes de Windows

Docker Desktop para Windows icono
Docker Desktop para Windows
Cree contenedores de desarrollo remotos compatibles con Visual Studio, VS Code, .NET, Windows Subsystem for Linux o una variedad de servicios de Azure.
Instalar Docker Desktop para Windows

ASP.NET, Typescript, .NET MAUI

icono de ASP.NET
ASP.NET
Un marco multiplataforma para crear aplicaciones web y servicios, aplicaciones de Internet de las cosas (IoT) o back-end 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.
Install 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 .NET MAUI
.NET MAUI
.NET MAUI (Interfaz de Usuario de Aplicaciones Multiplataforma) le permite crear aplicaciones nativas utilizando un kit de herramientas de interfaz de usuario multiplataforma de .NET que abarca los formatos móviles y de escritorio en Android, iOS, macOS, Windows y Tizen.
Install .NET MAUI

Contribuciones de código abierto

Icono de código abierto
Código abierto en Microsoft
Miles de ingenieros de Microsoft usan, contribuyen y liberan open source todos los días. Entre los proyectos populares se incluyen Visual Studio Code, TypeScript, .NET y ChakraCore.
participar

icono de documentos
Contribuir a los documentos
La mayoría de los conjuntos de documentación de Microsoft se open source y se hospedan en GitHub. Puede contribuir notificando los problemas o creando solicitudes de incorporación de cambios.
Más información

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. Azure servicios integran todo lo que necesita para desarrollar, probar, implementar y administrar las aplicaciones.
Set up an Azure account

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 Servicio Cognitivo

Azure icono de guía de desarrollo
Explorar productos de Azure
Azure ofrece una gran variedad de productos y servicios: eche un vistazo a la documentación o consulte las Azure descripciones de productos y precios.
Set up an Azure account

Recursos adicionales

Icono de configuración del entorno de desarrollo
Configura tu entorno de desarrollo en Windows
Obtenga ayuda para configurar el entorno de desarrollo para trabajar con Python, NodeJS, C#, C, C++, compilar aplicaciones android, compilar Windows aplicaciones de escritorio, compilar contenedores de Docker, ejecutar scripts de PowerShell, etc.
Introducción

Icono de React Native for Desktop
React Native para escritorio
Traiga compatibilidad con React Native al SDK de Windows y al SDK de macOS 10.13. Use JavaScript para crear aplicaciones nativas de Windows para todos los dispositivos compatibles con Windows incluidos equipos, tabletas, 2 in-1s, Xbox, dispositivos de realidad mixta, etc., así como los ecosistemas de escritorio y portátil de macOS.
Install React Native para Windows
Instalación de React Native para MacOS

Icono de Aprendizaje
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 nuestro guía para realizar la transición entre un equipo Mac y un entorno de desarrollo de Windows (o Windows Subsystem for Linux).