Webbutveckling på Windows

Microsoft erbjuder en mängd olika resurser för webbutvecklare, inklusive nya verktyg och funktioner som stöder webbutveckling med hjälp av Windows. Den här guiden beskriver många av de verktyg som finns tillgängliga för att göra Windows din idealiska miljö att utveckla på för webben. En lista över API:er finns i API:er för webbutveckling.

Ställ in din utvecklingsmiljö på Windows

WebView, DevTools, PWAs

WebView 2-ikonen
WebView 2
Bädda in webbinnehåll (HTML, CSS och JavaScript) i dina interna program med Microsoft Edge WebView2. Ladda ned WebView 2

Microsoft Edge DevTools
Microsoft Edge Developer Tools är en uppsättning inspektions- och felsökningsverktyg som är inbyggda direkt i Microsoft Edge webbläsare. Öppna DevTools med Microsoft Edge i fokus:

• Högerklicka sedan på Granska
• Välj nyckeln
• Ctrl + Shift + i

PWA-ikon
Progressive Web Apps på Windows
Med progressiva Web Apps (PWA) får användarna en inbyggd appliknande upplevelse som är anpassad för deras enheter. De är webbplatser som gradvis utökas för att fungera som inbyggda appar på stödplattformar.
Kom igång med PWA:er

Microsoft Edge webbläsare

Microsoft Edge för utvecklare
Den nya Microsoft Edge baseras på Chromium för att skapa bättre webbkompatibilitet och mindre fragmentering av underliggande webbplattformar. Den släpptes 15 januari 2020 och stöds på Windows, macOS, iOS och Android.
Installera den nya Microsoft Edge

Microsoft Edge för företag
Microsoft Edge baseras på Chromium och erbjuder företagssupport. Få stegvis vägledning om hur du konfigurerar och distribuerar de flera tillgängliga kanalerna.
Ladda ned Microsoft Edge kanal

Microsoft Edge Insider
Vi bygger något nytt för Microsoft Edge varje dag. Lär dig mer om våra senaste framsteg och hur du kan engagera dig. Ladda ned Microsoft Edge betaversion

Microsoft Edge Support
Få hjälp med att anpassa webbläsaren, lägga till tillägg, spårningsskydd, felsöka och mycket mer. Hämta hjälp med Microsoft Edge

Felsökning, testning och tillgänglighet

VS Marketplace Edge-felsökningstillägget
Microsoft Edge Tools for VS Code
Utan att lämna Visual Studio Code använder du Microsoft Edge DevTools för att ansluta till en instans och visa HTML-strukturen för körning, ändra layouter, formatmallar (CSS), läsa konsolmeddelanden och visa nätverksbegäranden.
Installera Microsoft Edge-verktyg för VS Code

WebHint-ikonen
WebHint för tillgänglighet
Ett anpassningsbart lintningsverktyg som hjälper dig att förbättra webbplatsens tillgänglighet, hastighet, kompatibilitet mellan webbläsare med mera genom att kontrollera koden efter metodtips och vanliga fel.
Installera VS Code-tillägget
Installera webbläsartillägget
Installera CLI

WebDriver-ikonen
WebDriver
Stäng loopen i utvecklarcykeln genom att automatisera testningen av webbplatsen i Microsoft Edge med Microsoft WebDriver.
Installera WebDriver

Visual Studio kodredigerare

VS Code-ikon
VS Code
En enkel källkodsredigerare med inbyggt stöd för JavaScript, TypeScript, Node.js, ett omfattande ekosystem med tillägg (C++, C#, Java, Python, PHP, Go) och körningsmiljöer (till exempel .NET och Unity).
Installera VS Code

Visual Studio (IDE)
En integrerad utvecklingsmiljö som du kan använda för att redigera, felsöka, skapa kod och publicera appar, inklusive kompilatorer, intellisense-kodkomplettering och många fler funktioner.
Installera Visual Studio

VS Code Marketplace-ikonen
VS Code Marketplace för tillägg
Utforska de många olika tillägg som är tillgängliga för att anpassa din Visual Studio Code-redigeraren.
Installera tillägg

Visual Studio Marketplace for Extensions
Utforska de många olika tillägg som är tillgängliga för att anpassa din Visual Studio integrerade utvecklingsmiljön.
Installera tillägg

WSL, Terminal, Správca balíkov, Docker Desktop

WSL-ikon
Podsystém Windowsu pre Linux
Använd din favoritdistribution av Linux helt integrerad med Windows (inget mer behov av dubbel start).
Installera WSL

Windows Terminál
Anpassa terminalmiljön så att den fungerar med flera kommandoradsgränssnitt.
Installera terminalen

Windows Správca balíkov
Använd winget.exe-klienten med kommandoraden för att installera appar på Windows eller submit dina egna paket till Windows Správca balíkov.
Installera Windows Správca balíkov winget-klient

Docker Desktop för Windows
Skapa fjärrutvecklingscontainrar med stöd från Visual Studio, VS Code, .NET, Podsystém Windowsu pre Linux eller en mängd olika Azure tjänster.
Installera Docker Desktop för Windows

ASP.NET, Typescript, .NET MAUI

ASP.NET
Ett plattformsoberoende ramverk för att skapa webbappar och tjänster, Inte rnet of Things-appar (IoT) eller mobila serverdelar med .NET och C#. Skapa ett omfattande interaktivt webbgränssnitt med Blazor. Använd dina favoritverktyg för utveckling på Windows, macOS och Linux. Distribuera till molnet eller lokalt. Kör på .NET.
Installera ASP.NET

Typescript-ikon
Typescript
TypeScript utökar JavaScript genom att lägga till typer i språket. JavaScript tillhandahåller till exempel språkpri primitiver som sträng, tal och objekt, men det kontrollerar inte att du har tilldelat dem konsekvent. TypeScript gör det.
Prova i webbläsarenInstallera lokalt

.NET MAUI
.NET Multi-plattform App-UI (.NET MAUI) låter dig bygga inbyggda appar med hjälp av en .NET tvärplattform UI-verktyg som riktar sig mot mobil- och skrivbordsenheter för Android, iOS, macOS, Windows och Tizen.
Installera .NET MAUI

Bidrag med öppen källkod

OpenSource-ikonen
Öppen källkod på Microsoft
Tusentals Microsoft-tekniker använder, bidrar till och släpper open-source varje dag. Populära projekt är Visual Studio Code, TypeScript, .NET och ChakraCore.
Engagera dig

dokumentikonen
Bidra till dokumenten
De flesta dokumentationsuppsättningar på Microsoft är open-source och finns på GitHub. Bidra genom att lämna in problem eller redigera pull-begäranden.
Lär dig hur

Molnutveckling med Azure

Azure
En komplett molnplattform som är värd för dina befintliga appar och effektiviserar ny utveckling. Azure tjänster integrerar allt du behöver för att utveckla, testa, distribuera och hantera dina appar.
Set upp ett Azure konto

Azure Cognitive Services
Molnbaserade tjänster med REST-API:er och klientbiblioteks-SDK:er som hjälper dig att bygga in kognitiv intelligens i dina program.
Prova Cognitive Service

Utforska Azures produkter
Azure erbjuder en mängd olika produkter och tjänster – ta en titt på dokumentationen eller se Azure produktbeskrivningar och priser.
Set upp ett Azure konto

Ytterligare resurser

Konfigurera utvecklingsmiljöikonen
Ställ in din utvecklingsmiljö på Windows
Få hjälp med att konfigurera utvecklingsmiljön så att den fungerar med Python, NodeJS, C#, C, C++, skapa Android-appar, skapa Windows skrivbordsappar, skapa Docker-containrar, köra PowerShell-skript med mera.
Kom igång

React Native for Desktop-ikonen
React Native för Skrivbord
Bring React Native-stöd för Windows SDK och macOS 10.13 SDK. Använd JavaScript för att skapa interna Windows-appar för alla enheter som stöds av Windows inklusive datorer, surfplattor, 2-i-1-datorer, Xbox, mixed reality-enheter osv., samt ekosystemen för macOS-datorer och bärbara datorer.
Installera React Native för Windows
Installera React Native för MacOS

Learn-ikonen
Microsoft Learn-kurser relaterade till webbutveckling
Microsoft Learn erbjuder kostnadsfria onlinekurser för att lära sig en mängd nya kunskaper och upptäcka Microsofts produkter och tjänster med stegvis vägledning.
Börja lära dig

Övergång mellan Mac och Windows

Kolla in vår guide för övergång mellan en Mac- och Windows (eller Podsystém Windowsu pre Linux) utvecklingsmiljö.

• kortkommandon
• Styrplatta genvägar
• terminal- och gränssnittsverktyg
• Appar och verktyg