Läs på engelska

Dela via


Webbutveckling i 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 är tillgängliga för att göra Windows till din perfekta miljö att utveckla på för webben. En lista över API:er finns i API:er för webbutveckling.

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-ikonen
Microsoft Edge DevTools
Microsoft Edge Developer Tools är en uppsättning inspektions- och felsökningsverktyg som är inbyggda direkt i Microsoft Edge-webbläsaren. Så här öppnar du DevTools med Microsoft Edge i fokus:

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

PWA-ikon
Progressiva webbappar i Windows
Progressive Web Apps (PWA) ger 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-ikonen
Microsoft Edge för utvecklare
Den nya Microsoft Edge bygger på Chromium för att skapa bättre webbkompatibilitet och mindre fragmentering av underliggande webbplattformar. Den släpptes den 15 januari 2020 och stöds i Windows, macOS, iOS och Android.
Installera den nya Microsoft Edge-

Microsoft Edge för företag
Microsoft Edge för företag
Microsoft Edge är baserat 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-ikonen
Microsoft Edge Insider
Vi skapar 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 Beta-version

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

Felsökning, testning och tillgänglighet

VS Marketplace Edge-felsökningstillägget
Microsoft Edge Tools för 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, format (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örning (till exempel .NET och Unity).
Installera VS Code

Visual Studio-ikonen
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 Visual Studio Code-redigeraren.
Installera tillägg

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

WSL, Terminal, Package Manager, Docker Desktop

WSL-ikon
Windows-undersystem för Linux
Använd din favoritdistribution av Linux helt integrerad med Windows (inget mer behov av dubbel start).
Installera WSL

Windows-terminalikonen
Windows Terminal
Anpassa terminalmiljön så att den fungerar med flera kommandoradsgränssnitt.
Installera terminalen

Windows Package Manager-ikonen
Windows Package Manager
Använd winget.exe-klienten med kommandoraden för att installera appar i Windows eller skicka dina egna paket till Windows Package Manager.
Installera Windows Package Manager-winget-klient

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

ASP.NET, Typescript, .NET MAUI

ASP.NET-ikonen
ASP.NET
Ett plattformsoberoende ramverk för att skapa webbappar och tjänster, IoT-appar (Internet of Things) eller mobila serverdelar med .NET och C#. Skapa ett omfattande interaktivt webbgränssnitt med Blazor. Använd dina favoritverktyg för utveckling i 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-ikonen
.NET MAUI
Med .NET Multi-Platform App UI (.NET MAUI) kan du skapa inbyggda appar med hjälp av en .NET-plattformsoberoende UI-verktyg som riktar sig till mobil- och skrivbordsformfaktorerna på 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 öppen källkod 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 öppen källkod och finns på GitHub. Bidra genom att lämna in problem eller redigera pull-begäranden.
Lär dig hur

Molnutveckling med Azure

Azure-ikon
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.
Konfigurera ett Azure-konto

Azure kognitiva tjänster-ikon
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

Azure-utvecklingsguideikon
Bläddra bland Azure-produkter
Azure erbjuder en mängd olika produkter och tjänster – ta en titt i dokumentationen eller se Produktbeskrivningar och priser för Azure.
Konfigurera ett Azure-konto

Ytterligare resurser

Konfigurera utvecklingsmiljöikonen
Konfigurera utvecklingsmiljön i 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 for Desktop
Bring React Native-stöd för Windows SDK och macOS 10.13 SDK. Använd JavaScript för att skapa inbyggda Windows-appar för alla enheter som stöds av Windows, inklusive datorer, surfplattor, 2-i-1-datorer, Xbox- och 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 till övergången mellan en Utvecklingsmiljö för Mac och Windows (eller Windows-undersystem för Linux).