Webentwicklung auf Windows

Microsoft bietet eine Vielzahl von Ressourcen für Webentwickler, einschließlich neuer Tools und Features, die die Webentwicklung mithilfe von Windows unterstützen. In diesem Leitfaden werden viele der Tools behandelt, mit denen Sie Windows in Ihre ideale Umgebung für die Webentwicklung verwandeln können. Eine Liste der APIs finden Sie unter APIs für die Webentwicklung.

Richten Sie Ihre Entwicklungsumgebung auf Windows ein

WebView, DevTools, PWAs

WebView 2
Betten Sie Webinhalte (HTML, CSS und JavaScript) in Ihre systemeigenen Anwendungen mit Microsoft Edge WebView2 ein. WebView 2 herunterladen

Microsoft Edge DevTools
Microsoft Edge Entwicklertools sind eine Reihe von Inspektions- und Debuggingtools, die direkt in den Microsoft Edge Browser integriert sind. So öffnen Sie DevTools mit Microsoft Edge im Fokus:

• Klicken Sie mit der rechten Maustaste auf „Überprüfen“.
• Drücken Sie die Taste F12.
• Ctrl + Shift + i

Progressive Web Apps auf Windows
Progressive Web Apps (PWAs) bieten Ihren Benutzern eine systemeigene, appähnliche Benutzeroberfläche, die für ihre Geräte angepasst wurde. PWAs sind lediglich Websites, die fortlaufend so verbessert werden, dass sie wie native Apps auf unterstützenden Plattformen funktionieren.
Erste Schritte mit PWAs

Microsoft Edge Browser

Microsoft Edge für Entwickler
Die neue Microsoft Edge basiert auf Chromium, um eine bessere Webkompatibilität und weniger Fragmentierung zugrunde liegender Webplattformen zu schaffen. Am 15. Januar 2020 veröffentlicht, wird es unter Windows, macOS, iOS und Android unterstützt.
Installieren Sie den neuen Microsoft Edge

Microsoft Edge for Business
Microsoft Edge basiert auf Chromium und bietet Unternehmensunterstützung. Erhalten Sie eine schrittweise Anleitung zum Konfigurieren und Bereitstellen der verschiedenen verfügbaren Kanäle.
Download Microsoft Edge Kanal

Microsoft Edge Insider
Wir bauen täglich etwas Neues für Microsoft Edge. Informieren Sie sich über den aktuellen Fortschritt und darüber, wie Sie mitwirken können. Download Microsoft Edge Betaversion

Microsoft Edge Support
Hier erhalten Sie Hilfe bei der Anpassung Ihres Browsers, beim Hinzufügen von Erweiterungen, beim Nachverfolgen von Schutzmaßnahmen, bei der Problembehandlung und mehr. Hilfe zu Microsoft Edge erhalten

Debuggen, Testen und Barrierefreiheit

Microsoft Edge Tools für VS Code
Verwenden Sie Microsoft Edge DevTools, ohne Visual Studio Code zu verlassen, um eine Verbindung mit einer Instanz herzustellen und die HTML-Laufzeitstruktur anzuzeigen, Layouts, Formatvorlagen (CSS), Konsolenmeldungen zu lesen und Netzwerkanforderungen anzuzeigen.
Install Microsoft Edge Tools for VS Code

WebHint für Barrierefreiheit
Ein anpassbares Lintingtool, das Ihnen hilft, die Barrierefreiheit Ihrer Website, die Geschwindigkeit, die browserübergreifende Kompatibilität und vieles mehr zu verbessern, indem Sie Ihren Code auf bewährte Methoden und allgemeine Fehler überprüfen.
VS Code-Erweiterung installieren
Browsererweiterung installieren
Installieren der CLI

WebDriver
Schließen Sie die Schleife in Ihrem Entwicklerzyklus, indem Sie Tests Ihrer Website in Microsoft Edge mit Microsoft WebDriver automatisieren.
WebDriver installieren

Visual Studio Code-Editoren

VS Code
Ein einfacher Quellcode-Editor mit integrierter Unterstützung für JavaScript, TypeScript, Node.js, ein umfangreiches Ökosystem von Erweiterungen (C++, C#, Java, Python, PHP, Go) und Laufzeiten (z. B. .NET und Unity).
Installieren von VS Code

Visual Studio (IDE)
Eine integrierte Entwicklungsumgebung, mit der Sie Code bearbeiten, debuggen und erstellen sowie Apps veröffentlichen können, einschließlich Compilern, IntelliSense-Codevervollständigung und vielen weiteren Funktionen.
Install Visual Studio

VS Code-Marketplace für Erweiterungen
Erkunden Sie die vielen verschiedenen Erweiterungen, die zum Anpassen Ihres Visual Studio Code-Editors verfügbar sind.
Erweiterungen installieren

Visual Studio Marketplace für Erweiterungen
Erkunden Sie die vielen verschiedenen Erweiterungen, die Ihnen zum Anpassen Ihrer integrierten Entwicklungsumgebung von Visual Studio verfügbar sind.
Erweiterungen installieren

WSL, Terminal, Package Manager, Docker Desktop

Windows Subsystem for Linux
Verwenden Sie Ihre bevorzugte Linux-Distribution, die vollständig in Windows integriert ist (keine Notwendigkeit mehr für Dual-Boot).
Installieren von WSL

Windows Terminal
Passen Sie Ihre Terminal-Umgebung an, um mit mehreren Befehlszeilenshells zu arbeiten.
Installieren des Terminals

Windows Package Manager
Verwenden Sie den winget.exe-Client mit der Befehlszeile, um Apps auf Windows zu installieren oder Ihre eigenen Pakete an den Windows Package Manager zu übermitteln.
Installieren Sie Windows-Paket-Manager Winget-Client

Docker Desktop für Windows
Erstellen Sie Remoteentwicklungscontainer mit Unterstützung von Visual Studio, VS Code, .NET, Windows Subsystem for Linux oder einer Vielzahl von Azure-Diensten.
Install Docker Desktop für Windows

ASP.NET, Typescript, .NET MAUI

ASP.NET
Ein plattformübergreifendes Framework zum Erstellen von Web-Apps und -Diensten, IoT-Apps (Internet of Things) oder mobilen Back-Ends mit .NET und C#. Erstellen Sie eine umfangreiche interaktive Webbenutzeroberfläche mit Blazor. Verwenden Sie Ihre bevorzugten Entwicklertools auf Windows, macOS und Linux. Bereitstellen in der Cloud oder im lokalen System Führen Sie die Ausführung auf .NET aus.
Install ASP.NET

TypeScript
TypeScript erweitert JavaScript, indem es der Sprache Typen hinzufügt. JavaScript stellt z. B. Sprachgrundtypen (Primitive) wie Zeichenfolge, Zahl und Objekt bereit, überprüft jedoch nicht, ob Sie diese einheitlich zugewiesen haben. TypeScript schon.
Im eigenen Browser testenLokal installieren

.NET MAUI
Mit .NET Multiplattform-App-UI (.NET MAUI) können Sie native Apps mithilfe eines .NET plattformübergreifenden UI-Toolkits erstellen, das sowohl mobile als auch Desktop-Formfaktoren auf Android, iOS, macOS, Windows und Tizen anspricht.
Install .NET MAUI

Open Source-Beiträge

Open Source bei Microsoft
Tausende von Microsoft-Technikern verwenden, tragen jeden Tag zu open source bei und veröffentlichen sie. Beliebte Projekte sind Visual Studio Code, TypeScript, .NET und ChakraCore.
Beteiligen

Beiträge zu den Dokumenten leisten
Die meisten Dokumentationssätze bei Microsoft werden open source und auf GitHub gehostet. Beteiligen Sie sich durch Einreichen von Problemen oder Erstellen von Pull Requests.
Weitere Informationen

Cloudentwicklung mit Azure

Azure
Eine vollständige Cloudplattform zum Hosten Ihrer vorhandenen Apps und zur Optimierung neuer Entwicklungen. Azure Dienste integrieren alles, was Sie zum Entwickeln, Testen, Bereitstellen und Verwalten Ihrer Apps benötigen.
Setup eines Azure Kontos

Azure Cognitive Services
Cloudbasierte Dienste mit REST-APIs und Clientbibliothek-SDKs, die Sie dabei unterstützen, Ihre Anwendungen mit kognitiver Intelligenz auszustatten.
Cognitive Services testen

Durchsuchen Azure Produkte
Azure bietet eine vielzahl von Produkten und Dienstleistungen - werfen Sie einen Blick in die Dokumentation, oder sehen Sie sich die Azure Produktbeschreibungen und -preise an.
Setup eines Azure Kontos

Zusätzliche Ressourcen

Richten Sie Ihre Entwicklungsumgebung unter Windows ein
Erhalten Sie Hilfe beim Einrichten Ihrer Entwicklungsumgebung für die Arbeit mit Python, NodeJS, C#, C, C++, Erstellen von Android-Apps, Erstellen Windows Desktop-Apps, Erstellen von Docker-Containern, Ausführen von PowerShell-Skripts und mehr.
Erste Schritte

React Native für Desktop
Unterstützung für React Native in das Windows SDK und das macOS 10.13 SDK einfügen. Verwenden Sie JavaScript, um systemeigene Windows-Apps für alle Geräte zu erstellen, die von Windows unterstützt werden, einschließlich PCs, Tablets, 2-in-1s, Xbox, Mixed Reality-Geräten usw. sowie der macOS-Desktop- und Laptop-Ökosysteme.
Install React Native für Windows
Installieren von React Native für MacOS

Microsoft Learn-Kurse zum Thema Webentwicklung
Microsoft Learn bietet kostenlose Onlinekurse an, um eine Vielzahl von neuen Kenntnissen zu erlernen sowie Microsoft-Produkte und -Dienste mit Schritt-für-Schritt-Anleitungen zu entdecken.
Mit dem Lernen beginnen

Übergang zwischen Mac und Windows

Sehen Sie sich unseren guide zum Übergang zwischen einem Mac und Windows (oder Windows Subsystem for Linux) Entwicklungsumgebung an.

• Tastenkombinationen
• Trackpad-Tastenkombinationen
• Terminal- und Shell-Tools
• Apps und Hilfsprogramme