Megosztás a következőn keresztül:


Webfejlesztés Windows rendszeren

A Microsoft számos különböző erőforrást kínál a webfejlesztők számára, beleértve a Windows használatával történő webfejlesztést támogató új eszközöket és funkciókat. Ez az útmutató számos olyan eszközt tartalmaz, amely lehetővé teszi, hogy a Windows ideális környezet legyen a webes fejlesztéshez. Az API-k listáját a webes fejlesztésicímű cikkben találja.

WebView, DevTools, PWA-k

WebView 2 ikon
WebView 2
Webes tartalmak (HTML, CSS és JavaScript) beágyazása natív alkalmazásokba a Microsoft Edge WebView2 használatával. WebView 2 letöltése

Microsoft Edge DevTools ikon
Microsoft Edge DevTools
A Microsoft Edge fejlesztői eszközei olyan ellenőrző és hibakeresési eszközök, amelyek közvetlenül a Microsoft Edge böngészőbe vannak beépítve. A DevTools megnyitásához a Microsoft Edge van a fókuszban:

  • Kattintson a jobb gombbal a Vizsgálat parancsra
  • Válassza ki a F12 kulcsot
  • Ctrl + Shift + i

PWA ikon
Progresszív webalkalmazások Windows
A progresszív webalkalmazások (PWA-k) natív, alkalmazásszerű felhasználói élményt biztosítanak a felhasználóknak az eszközeikhez. Ezek olyan webhelyek, amelyeket fokozatosan fejlesztenek, hogy natív alkalmazásokként működjenek a támogató platformokon.
A PWA-k használatának első lépései

Microsoft Edge böngésző

Microsoft Edge ikon
Microsoft Edge fejlesztőknek
Az új Microsoft Edge a Chromiumon alapul, hogy jobb webes kompatibilitást és a mögöttes webplatformok kisebb töredezettségét hozza létre. 2020. január 15-én jelent meg, windowsos, macOS, iOS és Android rendszeren is támogatott.
Az új Microsoft Edge- telepítése

Microsoft Edge Vállalati verziós
Microsoft Edge Vállalati verziós
A Microsoft Edge a Chromiumon alapul, és nagyvállalati támogatást nyújt. Részletes útmutatást kaphat a több elérhető csatorna konfigurálásához és üzembe helyezéséhez.
Microsoft Edge-csatorna letöltése

Microsoft Edge Insider ikon
Microsoft Edge Insider
Minden nap valami újat készítünk a Microsoft Edge-hez. Ismerje meg a legutóbbi előrehaladást, és hogy hogyan vehet részt a folyamatban. Microsoft Edge bétaverzió letöltése

Microsoft Edge támogatási ikon
Microsoft Edge támogatási
Segítséget kaphat a böngésző testreszabásához, bővítmények hozzáadásához, nyomon követés megelőzéséhez, hibaelhárításhoz és egyebekhez. Segítség a Microsoft Edge használatához

Hibakeresés, tesztelés és akadálymentesség

VS Marketplace Edge Hibakereső bővítmény
Microsoft Edge Tools for VS Code
A Visual Studio Code elhagyása nélkül a Microsoft Edge DevTools használatával csatlakozhat egy példányhoz, és megtekintheti a futtatókörnyezet HTML-struktúráját, módosíthatja az elrendezéseket, a stílusokat (CSS), elolvashatja a konzolüzeneteket, és megtekintheti a hálózati kéréseket.
A Microsoft Edge Tools telepítése a VS Code-hoz

WebHint ikon
WebHint a hozzáférhetőség érdekében
Testre szabható linting eszköz, amely segít javítani a webhely akadálymentességét, sebességét, böngészőközi kompatibilitását és egyebeket a kód ajánlott eljárásainak és gyakori hibáinak keresésével.
VS Code-bővítmény telepítése
Böngészőbővítmény telepítése
A parancssori felület telepítése

WebDriver ikon
WebDriver
Zárja be a ciklust a fejlesztői ciklusban azáltal, hogy automatizálja a webhely tesztelését a Microsoft Edge-ben a Microsoft WebDriver használatával.
WebDriver- telepítése

Visual Studio-kódszerkesztők

VS Code ikon
VS Code
Egy egyszerű forráskódszerkesztő, amely beépített támogatást nyújt a JavaScripthez, a TypeScripthez, a Node.js, a bővítmények gazdag ökoszisztémájához (C++, C#, Java, Python, PHP, Go) és futtatókörnyezetekhez (például .NET és Unity).
VS Code telepítése

Visual Studio ikon
Visual Studio (IDE)
Integrált fejlesztési környezet, amellyel alkalmazásokat szerkeszthet, hibakeresést végezhet, kódokat hozhat létre és tehet közzé, beleértve a fordítókat, az Intellisense-kódkiegészítést és még sok más funkciót.
Visual Studio telepítése

VS Code piactérbeli ikonja
VS Code Marketplace bővítményekhez
Ismerje meg a Visual Studio Code-szerkesztő testreszabásához elérhető számos különböző bővítményt.
Bővítmények telepítése

Visual Studio piactér ikonja
A Visual Studio Marketplace bővítmények számára
Ismerje meg a Visual Studio integrált fejlesztői környezet testreszabásához elérhető számos különböző bővítményt.
Bővítmények telepítése

WSL, Terminál, Csomagkezelő, Docker Desktop

WSL ikon
Windows-alrendszer Linux
Használja kedvenc Linux-disztribúcióját teljesen integrálva a Windowssal (nincs többé szükség kettős rendszerindításra).
WSL- telepítése

Windows Terminál ikon
Windows Terminál
Szabja testre a terminálkörnyezetét több parancssori héj használatához.
Terminál telepítése

Windows Package Manager ikon
Windows Package Manager
Használja a winget.exe klienst a parancssorával, hogy alkalmazásokat telepíthessen a Windowsra, vagy küldje be saját csomagjait a Windows Csomagkezelőbe.
Windows Package Manager winget-ügyfél telepítése

Docker Desktop (Windowshez) ikon
Docker Desktop for Windows
Hozzon létre távoli fejlesztési tárolókat a Visual Studio, a VS Code, a .NET, a Linux windowsos alrendszere vagy számos Azure-szolgáltatás támogatásával.
Docker Desktop telepítése Windows

ASP.NET, Typescript, .NET MAUI

ASP.NET ikon
ASP.NET
Platformfüggetlen keretrendszer webalkalmazások és szolgáltatások, ioT-alkalmazások vagy mobil háttérrendszerek létrehozásához .NET és C# használatával. Készíts gazdag, interaktív webes felhasználói felületet a Blazorsegítségével. Használja kedvenc fejlesztői eszközeit Windows, macOS és Linux rendszeren. Üzembe helyezés a felhőben vagy a helyszínen. Futtatás .NET-en.
ASP.NET telepítése

Typescript ikon
Typescript
A TypeScript kibővíti a JavaScriptet, ha típusokat ad hozzá a nyelvhez. A JavaScript például olyan nyelvi primitíveket biztosít, mint a sztring, a szám és az objektum, de nem ellenőrzi, hogy ezeket következetesen hozzárendelte-e. TypeScript igen.
Próbálja ki a böngészőben,Helyi telepítés

.NET MAUI ikon
.NET MAUI
A .NET többplatformos alkalmazás felhasználói felülete (.NET MAUI) segítségével natív alkalmazásokat hozhat létre egy .NET platformfüggetlen felhasználói felületi eszközkészlettel, amely az Android, iOS, macOS, Windows és Tizen mobil- és asztali űrlaptényezőit célozza meg.
.NET MAUI- telepítése

Nyílt forráskódú hozzájárulások

OpenSource ikon
Nyílt forráskód a Microsoft
Microsoft-mérnökök ezrei használják, járulnak hozzá és bocsátanak ki nyílt forrást minden nap. Népszerű projektek például a Visual Studio Code, a TypeScript, a .NET és a ChakraCore.
Bekapcsolódás

dokumentumok ikonja
Járulj hozzá a dokumentációhoz
A Microsoft dokumentációs készleteinek többsége nyílt forráskódú, és a GitHubon van üzemeltetve. Közreműködés problémák bejelentésével vagy lekéréses kérelmek készítésével.
Ismerje meg, hogyan

Felhőfejlesztés az Azure-ral

Azure-ikon
Azure
Teljes felhőplatform a meglévő alkalmazások üzemeltetéséhez és az új fejlesztés gördülékenyebbé tételéhez. Az Azure-szolgáltatások mindent integrálnak, amire szüksége van az alkalmazások fejlesztéséhez, teszteléséhez, üzembe helyezéséhez és kezeléséhez.
Azure-fiók beállítása

Azure Cognitive Services ikon
Azure Cognitive Services
Felhőalapú szolgáltatások REST API-kkal és ügyfélkódtár-SDK-kkal, amelyekkel kognitív intelligenciát építhet az alkalmazásokba.
Próbálja ki a kognitív szolgáltatást

Azure fejlesztői útmutató ikonja
Azure-termékek tallózása
Az Azure számos különféle terméket és szolgáltatást kínál – tekintse meg a dokumentációt, vagy nézze meg az Azure termékleírásokat és a díjszabást.
Azure-fiók beállítása

További erőforrások

Fejlesztői környezet ikon
Fejlesztési környezet beállítása Windows
Segítséget kaphat a fejlesztési környezet beállításához a Python, NodeJS, C#, C, C++, Android-alkalmazások létrehozásához, asztali Windows-alkalmazások létrehozásához, Docker-tárolók létrehozásához, PowerShell-szkriptek futtatásához stb.
Első lépések

React Native for Desktop ikon
React Native asztali környezetre
Hozza a React natív támogatását a Windows SDK-hoz és a macOS 10.13 SDK-hoz. A JavaScript használatával natív Windows-alkalmazásokat hozhat létre a Windows által támogatott összes eszközhöz, beleértve a PC-ket, táblagépeket, 2 az 1-ben, az Xboxot, a Vegyes valóság eszközeit stb., valamint a macOS asztali és laptop ökoszisztémáit.
A React Native telepítése Windows
A React Natív telepítése MacOS-

Tanul ikon
webfejlesztéshez kapcsolódó Microsoft Learn-kurzusok
A Microsoft Learn ingyenes online kurzusokat kínál a különféle új készségek elsajátításához, valamint a Microsoft termékeinek és szolgáltatásainak részletes útmutatóval való megismeréséhez.
Kezdje el a tanulást

Váltás Mac és Windows között

Tekintse meg útmutatónkat a Mac és a Windows (vagy Linux rendszerhez készült Windows alrendszer) közötti váltáshoz.