Vývoj webu na Windows

Microsoft nabízí celou řadu prostředků pro webové vývojáře, včetně nových nástrojů a funkcí podporujících vývoj webů pomocí Windows. Tato příručka popisuje mnoho nástrojů, které jsou dostupné pro to, aby se Windows stalo vaším ideálním prostředím pro vývoj na webu. Seznam rozhraní API najdete v tématu ROZHRANÍ API pro vývoj webů.

Nastavte vývojové prostředí na Windows

WebView, DevTools, PWAs

WebView 2
Vkládání webového obsahu (HTML, CSS a JavaScript) do nativních aplikací pomocí Microsoft Edge WebView2 Stáhnout WebView 2

Microsoft Edge DevTools
Microsoft Edge Vývojářské nástroje jsou sada nástrojů pro kontrolu a ladění integrovaná přímo do prohlížeče Microsoft Edge. Pokud chcete otevřít DevTools, když je Microsoft Edge aktivní:

• Klikněte pravým tlačítkem myši na příkaz Zkontrolovat.
• Výběr klíče F12
• Ctrl + Shift + i

ikony PWA
Progresivní webové aplikace pro Windows
Progresivní Web Apps (PWA) poskytují uživatelům nativní prostředí podobné aplikacím přizpůsobenému pro svá zařízení. Jedná se o weby, které jsou postupně rozšířeny tak, aby fungovaly jako nativní aplikace na podpůrných platformách.
Úvod do PWA

prohlížeč Microsoft Edge

Ikona
Microsoft Edge pro vývojáře
Nová Microsoft Edge je založená na chromiu, aby se vytvořila lepší kompatibilita webu a menší fragmentace základních webových platforem. Vydáno 15. ledna 2020 je podporováno v systémech Windows, macOS, iOS a Android.
Instalujte nový Microsoft Edge

Microsoft Edge for Business
Microsoft Edge je založená na chromiu a nabízí podnikovou podporu. Získejte podrobné pokyny ke konfiguraci a nasazení více dostupných kanálů.
Stáhněte si kanál Microsoft Edge

Microsoft Edge Insider
Každý den vytváříme něco nového pro Microsoft Edge. Přečtěte si o našem posledním pokroku a o tom, jak se můžete zapojit. Stáhněte si Microsoft Edge Beta verzi

podpora Microsoft Edge
Získejte pomoc s přizpůsobením prohlížeče, přidáním rozšíření, prevence sledování, řešením potíží a dalšími funkcemi. Získejte nápovědu pro Microsoft Edge

Ladění, testování a přístupnost

Microsoft Edge Tools for VS Code
Bez opuštění Visual Studio Code se pomocí nástroje Microsoft Edge DevTools připojte k instanci a zobrazte strukturu HTML modulu runtime, změňte rozložení, styly (CSS), čtení zpráv konzoly a zobrazení síťových požadavků.
Install Microsoft Edge Tools for VS Code

WebHint pro přístupnost
Přizpůsobitelný nástroj pro lintování, který vám pomůže zlepšit přístupnost, rychlost, kompatibilitu mezi prohlížeči a další možnosti díky kontrole osvědčených postupů a běžných chyb v kódu.
instalace rozšíření VS Code
Instalace rozšíření prohlížeče
instalace rozhraní příkazového řádku

Ikona
WebDriver
Ukončete smyčku cyklu vývojářů automatizací testování webu v Microsoft Edge pomocí Microsoft WebDriveru.
Instalace WebDriveru

editory kódu Visual Studio

VS Code
Jednoduchý editor zdrojového kódu s integrovanou podporou JavaScriptu, TypeScriptu, Node.js, bohatého ekosystému rozšíření (C++, C#, Java, Python, PHP, Go) a modulů runtime (například .NET a Unity).
instalace nástroje VS Code

Ikona
Visual Studio (IDE)
Integrované vývojové prostředí, které můžete použít k úpravám, ladění, sestavování kódu a publikování aplikací, včetně kompilátorů, dokončování kódu intellisense a mnoha dalších funkcí.
Install Visual Studio

VS Code Marketplace pro doplňky
Prozkoumejte řadu různých rozšíření, která jsou k dispozici pro přizpůsobení editoru Visual Studio Code.
Instalace Rozšíření

Tržiště Visual Studio pro rozšíření
Prozkoumejte řadu různých rozšíření, která jsou k dispozici pro přizpůsobení Visual Studio integrovaného vývojového prostředí.
Instalace Rozšíření

WSL, Terminal, Package Manager, Docker Desktop

Windows Subsystem for Linux
Používejte svou oblíbenou linuxovou distribuci plně integrovanou s Windows (už nepotřebujete duální spouštění).
Nainstalujte WSL

ikona
Windows Terminal
Přizpůsobte si prostředí terminálu tak, aby fungovalo s několika prostředími příkazového řádku.
Instalace terminálu

ikona
Windows Package Manager
Pomocí klienta winget.exe s příkazovým řádkem nainstalujte aplikace na Windows nebo odešlete vlastní balíčky do Windows Package Manager.
Instalace klienta Windows Package Manager winget

Docker Desktop pro Windows
Vytvářejte vzdálené vývojové kontejnery s podporou Visual Studio, VS Code, .NET, Windows Subsystem for Linux nebo různých služeb Azure.
Install Docker Desktop for Windows

ASP.NET, TypeScript, .NET MAUI

ikona
ASP.NET
Multiplatformní architektura pro vytváření webových aplikací a služeb, aplikací Internetu věcí (IoT) nebo mobilních back-endů s .NET a C#. Vytvářejte bohaté interaktivní webové uživatelské rozhraní pomocí Blazor. Použijte své oblíbené vývojové nástroje na Windows, macOS a Linuxu. Nasazení do cloudu nebo v místním prostředí Spusťte na platformě .NET.
Install ASP.NET

TypeScript
TypeScript rozšiřuje JavaScript přidáním typů do jazyka. JavaScript například poskytuje primitiva jazyka, jako je řetězec, číslo a objekt, ale nekontroluje, že jste je přiřadili konzistentně. TypeScript dělá.
Vyzkoušet v prohlížečiNainstalovat místně

Ikona
.NET MAUI
.NET MAUI (víceplatformní uživatelské rozhraní .NET pro aplikace) umožňuje vytvářet nativní aplikace pomocí .NET multiplatformní sady uživatelského rozhraní, která cílí na mobilní a desktopové platformy Android, iOS, macOS, Windows a Tizen.
Install .NET MAUI

Příspěvky open source

Open Source ve společnosti Microsoft
Tisíce techniků Microsoftu používají, přispívají k open source a vydávají open source každý den. Mezi oblíbené projekty patří Visual Studio Code, TypeScript, .NET a ChakraCore.
Zapojte se

přispívat k dokumentaci
Většina sad dokumentace v Microsoftu je open source a hostovaná na GitHub. Přispějte podáváním problémů nebo pull requestů.
Zjistěte, jak

Vývoj cloudu s využitím Azure

Ikona
Azure
Kompletní cloudová platforma pro hostování stávajících aplikací a zjednodušení nového vývoje Azure služby integrují vše, co potřebujete k vývoji, testování, nasazení a správě aplikací.
Nastavte účet Azure

Azure Cognitive Services
Služby založené na cloudu s rozhraními REST API a klientskými knihovnami SDK, které vám pomohou integrovat kognitivní inteligenci do vašich aplikací.
Vyzkoušet službu Cognitive Service

Procházet produkty Azure
Azure nabízí širokou škálu produktů a služeb – projděte si dokumentaci nebo si projděte Azure popisy a ceny produktů.
Nastavte účet Azure

Další zdroje informací

Nastavte vývojové prostředí na Windows
Získejte pomoc s nastavením vývojového prostředí pro práci s Python, NodeJS, C#, C, C++, sestavováním aplikací pro Android, sestavováním Windows desktopových aplikací, sestavováním kontejnerů Dockeru, spouštěním skriptů PowerShellu a dalšími funkcemi.
Začínáme

React Native for Desktop
Přenesení podpory React Native do sady Windows SDK a sady macOS 10.13 SDK Pomocí JavaScriptu můžete vytvářet nativní Windows aplikace pro všechna zařízení podporovaná Windows včetně počítačů, tabletů, 2 in-1, Xbox, zařízení hybridní reality atd. a také ekosystémů počítačů s macOS a notebooků.
Install React Native for Windows
nainstalovat React Native pro MacOS

kurzy Microsoft Learn týkající se vývoje webu
Microsoft Learn nabízí bezplatné online kurzy, které vám umožní seznámit se s různými novými dovednostmi a objevovat produkty a služby Microsoftu s podrobnými pokyny.
zahájení výuky

Přechod mezi Macem a Windows

Podívejte se na náš průvodce přechodem mezi vývojovým prostředím Mac a Windows (nebo Windows Subsystem for Linux).

• klávesové zkratky
• klávesové zkratky trackpadu
• nástroje terminálu a shellu
• Aplikace a nástroje