Webfejlesztés Windows-on

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

Állítsa be a fejlesztési környezetet a Windows

WebView, DevTools, PWA-k

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
Microsoft Edge fejlesztői eszközök 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, amikor a Microsoft Edge van a fókuszban:

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

Progresszív webalkalmazások Windows rendszeren
A progresszív Web Apps (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 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, Windows, macOS, iOS és Android rendszeren is támogatott.
Telepítse az új Microsoft Edge böngészőt

Microsoft Edge vállalati verzió
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.
A Microsoft Edge csatorna letöltése

Microsoft Edge Insider
Mindennap 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. Letöltés Microsoft Edge bétaverzió

Microsoft Edge támogatás
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

Microsoft Edge VS Code-eszközök
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.
Install Microsoft Edge Tools for VS Code

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
Zárja le a fejlesztési ciklust úgy, hogy a webhely tesztelését automatizálja a Microsoft Edge-ben a Microsoft WebDriver segítségével.
WebDriver- telepítése

Visual Studio kódszerkesztők

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 (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.
Install Visual Studio

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

Visual Studio Marketplace bővítményekhez
Ismerje meg az Visual Studio integrált fejlesztési 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, Package Manager, Docker Desktop

Windows Subsystem for Linux
Használja kedvenc Linux terjesztését teljesen integrálva a Windows-zal (nincs többé szükség kettős indításra).
WSL- telepítése

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

Windows Package Manager
A winget.exe parancssori ügyféllel telepíthet alkalmazásokat Windowsra, vagy beküldheti saját csomagjait a Windows Package Managerbe.
A Windows Package Manager winget kliens telepítése

Docker Desktop Windows
Távoli fejlesztési tárolók létrehozása Visual Studio, VS Code, .NET, Windows Subsystem for Linux vagy számos Azure szolgáltatás támogatásával.
Install Docker Desktop for Windows

ASP.NET, Typescript, .NET MAUI

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. A .NET keretrendszeren fut.
Install ASP.NET

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
.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.
Install .NET MAUI

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

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

Járulj hozzá a dokumentációhoz
A Microsoft dokumentációs készleteinek többsége open source és GitHub ü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 Azure

Azure
Teljes felhőplatform a meglévő alkalmazások üzemeltetéséhez és az új fejlesztés gördülékenyebbé tételéhez. Azure szolgáltatások integrálják az alkalmazások fejlesztéséhez, teszteléséhez, üzembe helyezéséhez és kezeléséhez szükséges összes elemet.
A Azure-fiók létrehozása

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

Böngésszen Azure termékeket
Azure számos terméket és szolgáltatást kínál – tekintse át a dokumentációt, vagy tekintse meg a Azure termékleírásokat és díjszabást.
A Azure-fiók létrehozása

További erőforrások

A fejlesztési környezet beállítása a Windows rendszeren
Segítséget kaphat a fejlesztési környezet beállításához a Python, a NodeJS, a C#, a C, a C+ és a C++ használatához, androidos alkalmazások létrehozásához, Windows asztali 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 asztali környezetre
A React Natív támogatása a Windows SDK-hoz és a macOS 10.13 SDK-hoz. A JavaScript használatával natív Windows-alkalmazásokat hozhat létre az Windows által támogatott összes eszközhöz, beleértve a pc-ket, táblagépeket, 2 az 1-ben, Xbox, vegyes valóságú eszközöket stb., valamint a macOS asztali és laptop ökoszisztémáit.
Install React Native for Windows
A React Natív telepítése MacOS-

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 a Mac és Windows (vagy Windows Subsystem for Linux) fejlesztési környezet közötti váltást.

• Billentyűparancsok
• Trackpad-billentyűparancsok
• terminál- és rendszerhéjeszközök
• Alkalmazások és segédprogramok