Webontwikkeling op Windows

Microsoft biedt verschillende bronnen voor webontwikkelaars, waaronder nieuwe hulpprogramma's en functies die webontwikkeling ondersteunen met behulp van Windows. In deze handleiding worden veel van de hulpprogramma's beschreven die beschikbaar zijn om Windows uw ideale omgeving te maken om op internet te ontwikkelen. Zie API's voor webontwikkelingvoor een lijst met API's.

Uw ontwikkelomgeving instellen op Windows

WebView, DevTools, PWAs

WebView 2
Sluit webinhoud (HTML, CSS en JavaScript) in uw systeemeigen toepassingen in met Microsoft Edge WebView2. WebView 2 downloaden

Microsoft Edge DevTools
Microsoft Edge Ontwikkelhulpprogramma's zijn een set hulpprogramma's voor inspectie en foutopsporing die rechtstreeks in de Microsoft Edge browser zijn ingebouwd. Als u DevTools wilt openen, moet u ervoor zorgen dat Microsoft Edge actief is:

• Klik met de rechtermuisknop en inspecteer
• Selecteer de F12-toets
• Ctrl + Shift + i

Progressieve Web Apps op Windows
Progressive Web Apps (PWA's) bieden uw gebruikers een systeemeigen, app-achtige ervaring die is aangepast voor hun apparaten. Het zijn websites die geleidelijk worden uitgebreid om te functioneren, zoals systeemeigen apps op ondersteunende platforms.
Aan de slag met PWA's

Microsoft Edge browser

Microsoft Edge voor ontwikkelaars
De nieuwe Microsoft Edge is gebaseerd op Chromium om betere webcompatibiliteit en minder fragmentatie van onderliggende webplatforms te creëren. Uitgebracht op 15 januari 2020, wordt het ondersteund op Windows, macOS, iOS en Android.
Installeer de nieuwe Microsoft Edge

Microsoft Edge voor Bedrijven
Microsoft Edge is gebaseerd op Chromium en biedt ondersteuning voor ondernemingen. Krijg stapsgewijze instructies voor het configureren en implementeren van de beschikbare meerdere kanalen.
Download Microsoft Edge-kanaal

Microsoft Edge Insider
We bouwen elke dag iets nieuws voor Microsoft Edge. Meer informatie over onze recente voortgang en hoe u betrokken kunt raken. Download Microsoft Edge Beta-versie

Microsoft Edge Ondersteuning
Hulp krijgen bij het aanpassen van uw browser, het toevoegen van extensies, het bijhouden van preventie, probleemoplossing en meer. Hulp krijgen bij Microsoft Edge

Foutopsporing, testen en toegankelijkheid

Microsoft Edge Tools for VS Code
Gebruik Microsoft Edge DevTools zonder Visual Studio Code te verlaten om verbinding te maken met een exemplaar en de HTML-structuur van runtime weer te geven, indelingen, stijlen (CSS) te wijzigen, consoleberichten te lezen en netwerkaanvragen weer te geven.
Install Microsoft Edge Tools for VS Code

WebHint voor toegankelijkheid
Een aanpasbaar linting-hulpprogramma waarmee u de toegankelijkheid, snelheid, compatibiliteit tussen browsers en meer van uw site kunt verbeteren door uw code te controleren op aanbevolen procedures en veelvoorkomende fouten.
VS Code-extensie installeren
browserextensie installeren
CLI installeren

WebDriver
Sluit de lus in uw ontwikkelaarscyclus door het testen van uw website in Microsoft Edge te automatiseren met Microsoft WebDriver.
WebDriver- installeren

Visual Studio code-editoren

VS Code
Een lichtgewicht broncode-editor met ingebouwde ondersteuning voor JavaScript, TypeScript, Node.js, een uitgebreid ecosysteem van extensies (C++, C#, Java, Python, PHP, Go) en runtimes (zoals .NET en Unity).
VS Code installeren

Visual Studio (IDE)
Een geïntegreerde ontwikkelomgeving die u kunt gebruiken om apps te bewerken, fouten op te sporen, code te bouwen en te publiceren, waaronder compilers, voltooiing van intellisense-code en nog veel meer functies.
Install Visual Studio

VS Code Marketplace voor extensies
Bekijk de vele verschillende extensies die beschikbaar zijn om uw Visual Studio Code editor aan te passen.
Extensies Installeren

Visual Studio Marketplace for Extensions
Verken de vele verschillende extensies die beschikbaar zijn om uw Visual Studio geïntegreerde ontwikkelomgeving aan te passen.
Extensies Installeren

WSL, Terminal, Package Manager, Docker Desktop

Windows Subsystem for Linux
Gebruik uw favoriete Linux-distributie volledig geïntegreerd met Windows (niet meer nodig voor dual-boot).
WSL installeren

Windows Terminal
Pas uw terminalomgeving aan om te werken met meerdere opdrachtregelshells.
Terminal- installeren

Windows Package Manager
Gebruik de winget.exe-client met uw opdrachtregel om apps te installeren op Windows of submiteer uw eigen pakketten aan Windows Package Manager.
Install Windows Package Manager winget client

Docker Desktop voor Windows
Maak externe ontwikkelcontainers met ondersteuning van Visual Studio, VS Code, .NET, Windows Subsystem for Linux of diverse Azure-services.
Install Docker Desktop for Windows

ASP.NET, Typescript, .NET MAUI

ASP.NET
Een platformoverschrijdend framework voor het bouwen van web-apps en -services, IoT-apps (Internet of Things) of mobiele back-ends met .NET en C#. Bouw uitgebreide interactieve webgebruikersinterface met Blazor-. Gebruik uw favoriete ontwikkelhulpprogramma's in Windows, macOS en Linux. Implementeren in de cloud of op locatie. Uitvoeren op .NET.
Install ASP.NET

Typescript
TypeScript breidt JavaScript uit door typen toe te voegen aan de taal. JavaScript biedt bijvoorbeeld taalprimitief zoals tekenreeks, getal en object, maar controleert niet of u deze consistent hebt toegewezen. TypeScript doet dat wel.
Probeer in uw browserLokaal installeren

.NET MAUI
.NET Multi-platform App UI (.NET MAUI) stelt u in staat om native apps te bouwen met behulp van een .NET cross-platform UI-toolkit die gericht is op mobiele en desktop formaten op Android, iOS, macOS, Windows en Tizen.
Install .NET MAUI

Open Source-bijdragen

Open Source bij Microsoft
Duizenden Microsoft-technici gebruiken, dragen elke dag bij aan en brengen open source vrij. Populaire projecten zijn Visual Studio Code, TypeScript, .NET en ChakraCore.
Raak betrokken

pictogram voor
bijdragen aan de documenten
De meeste documentatiesets bij Microsoft worden open source en gehost op GitHub. Bijdragen door problemen in te dienen of pull-aanvragen te ontwerpen.
Meer informatie over

Cloudontwikkeling met Azure

Azure
Een volledig cloudplatform voor het hosten van uw bestaande apps en het stroomlijnen van nieuwe ontwikkeling. Azure services integreren alles wat u nodig hebt om uw apps te ontwikkelen, testen, implementeren en beheren.
Een Azure-account instellen

Azure Cognitive Services
Cloudservices met REST API's en clientbibliotheek-SDK's die beschikbaar zijn om cognitieve intelligentie in uw toepassingen te bouwen.
Cognitive Service uitproberen

Browse Azure producten
Azure biedt een enorme verscheidenheid aan producten en services: bekijk de documentatie of bekijk de Azure productbeschrijvingen en -prijzen.
Een Azure-account instellen

Aanvullende informatiebronnen

Uw ontwikkelomgeving instellen op Windows
Krijg hulp bij het instellen van uw ontwikkelomgeving om te werken met Python, NodeJS, C#, C, C++, Android-apps bouwen, Windows desktop-apps bouwen, Docker-containers bouwen, PowerShell-scripts uitvoeren en meer.
Aan de slag

React Native voor Desktop
Breng ondersteuning voor React Native naar de Windows SDK en macOS 10.13 SDK. Gebruik JavaScript om systeemeigen Windows-apps te bouwen voor alle apparaten die worden ondersteund door Windows, waaronder pc's, tablets, 2-in-1s, Xbox, Mixed reality-apparaten, enzovoort, evenals de macOS-desktop- en laptopecosystemen.
Install React Native voor Windows
React Native installeren voor MacOS-

Microsoft Learn-cursussen met betrekking tot webontwikkeling
Microsoft Learn biedt gratis online cursussen om een verscheidenheid aan nieuwe vaardigheden te leren en Microsoft-producten en -services te ontdekken met stapsgewijze richtlijnen.
Beginnen met leren

Overstappen tussen Mac en Windows

Bekijk onze gids voor de overstap tussen een Mac en Windows (of een Windows Subsystem for Linux) ontwikkelomgeving.

• Sneltoetsen
• Trackpad-snelkoppelingen
• Terminal- en shell-hulpprogramma's
• Apps en hulpprogramma's