Sviluppo Web in Windows

Microsoft offre un'ampia gamma di risorse per sviluppatori Web, inclusi nuovi strumenti e funzionalità che supportano lo sviluppo Web tramite Windows. Questa guida illustra molti degli strumenti disponibili per rendere Windows l'ambiente ideale per lo sviluppo per il Web. Per un elenco delle API, vedere API per lo sviluppo Web.

Impostare l'ambiente di sviluppo in Windows

WebView, DevTools, PWAs

Icona di WebView 2
WebView 2
Incorporare contenuto Web (HTML, CSS e JavaScript) nelle applicazioni native con Microsoft Edge WebView2. Scaricare webView 2

Microsoft Edge DevTools
Microsoft Edge Developer Tools sono un set di strumenti di ispezione e debug integrati direttamente nel browser Microsoft Edge. Per aprire DevTools, con Microsoft Edge in stato attivo:

• Fare clic con il tasto destro del mouse su Ispeziona
• Selezionare il tasto
• Ctrl + Shift + i

Icona PWA
Progressive App Web su Windows
Le App Web progressive forniscono agli utenti un'esperienza nativa di tipo app personalizzata per i propri dispositivi. Si tratta di siti Web che vengono progressivamente migliorati per funzionare come le app native sulle piattaforme di supporto.
Introduzione a PWAs

browser di Microsoft Edge

icona
Microsoft Edge per sviluppatori
La nuova Microsoft Edge si basa su Chromium per creare una migliore compatibilità Web e una minore frammentazione delle piattaforme Web sottostanti. Rilasciato il 15 gennaio 2020, è supportato in Windows, macOS, iOS e Android.
Installare il nuovo Microsoft Edge

Microsoft Edge for Business
Microsoft Edge si basa su Chromium e offre supporto aziendale. Ottenere istruzioni dettagliate su come configurare e distribuire i diversi canali disponibili.
Scaricare Microsoft Edge canale

Microsoft Edge Insider
Stiamo creando qualcosa di nuovo per Microsoft Edge ogni giorno. Scopri i nostri progressi recenti e come puoi partecipare. Scaricare Microsoft Edge versione Beta

Supporto Microsoft Edge
Ottenere assistenza per la personalizzazione del browser, l'aggiunta di estensioni, la prevenzione del rilevamento, la risoluzione dei problemi e altro ancora. Ottieni assistenza con Microsoft Edge

Debug, test e accessibilità

Estensione Edge Debugger per Visual Studio Marketplace
Strumenti di Microsoft Edge per Visual Studio Code
Senza lasciare Visual Studio Code, usare Microsoft Edge DevTools per connettersi a un'istanza e visualizzare la struttura HTML di runtime, modificare layout, stili (CSS), leggere i messaggi della console e visualizzare le richieste di rete.
Installare strumenti di Microsoft Edge per VS Code

Icona di WebHint
WebHint per l'accessibilità
Uno strumento di linting personalizzabile che consente di migliorare l'accessibilità, la velocità, la compatibilità tra browser e altro ancora controllando il codice per individuare le procedure consigliate e gli errori comuni.
Installa l’estensione VS Code
Installa estensione del browser
Installa CLI

Icona di WebDriver
WebDriver
Chiudere il ciclo di sviluppo automatizzando il test del sito Web in Microsoft Edge con Microsoft WebDriver.
Installa WebDriver

editor di codice Visual Studio

Icona di VS Code
VS Code
Editor di codice sorgente leggero con supporto predefinito per JavaScript, TypeScript, Node.js, un ricco ecosistema di estensioni (C++, C#, Java, Python, PHP, Go) e runtime (ad esempio .NET e Unity).
Installa VS Code

Visual Studio (IDE)
Un ambiente di sviluppo integrato che è possibile usare per modificare, eseguire il debug, compilare codice e pubblicare app, che include compilatori, completamento del codice IntelliSense e molte altre funzionalità.
Installare Visual Studio

Icona del marketplace di VS Code
Vs Code Marketplace per le estensioni
Esplorare le numerose estensioni disponibili per personalizzare l'editor di Visual Studio Code.
Installa Estensioni

Visual Studio Marketplace per le estensioni
Esplorare le numerose estensioni disponibili per personalizzare l'ambiente di sviluppo integrato Visual Studio.
Installa Estensioni

WSL, Terminale, Gestione pacchetti, Docker Desktop

Icona di WSL
sottosistema Windows per Linux
Usare la distribuzione Linux preferita completamente integrata con Windows (non è più necessario eseguire l'avvio doppio).
Installa WSL

icona
Terminale Windows
Personalizzare l'ambiente terminale per lavorare con più shell della linea di comando.
Installa Terminale

icona
Windows Gestione pacchetti
Usare il client winget.exe con la riga di comando per installare le app in Windows o sottoscrivere i propri pacchetti a Windows Gestione pacchetti.
Installare il client winget di Windows Gestione pacchetti

Docker Desktop per Windows
Creare contenitori di sviluppo remoto con supporto da Visual Studio, VS Code, .NET, sottosistema Windows per Linux o un'ampia gamma di servizi di Azure.
Installare Docker Desktop per Windows

ASP.NET, Typescript, .NET MAUI

ASP.NET
Framework multipiattaforma per la creazione di app Web e servizi, Inte rnet of Things (IoT) o back-end per dispositivi mobili con .NET e C#. Creare un'interfaccia utente Web interattiva avanzata con Blazor. Usare gli strumenti di sviluppo preferiti in Windows, macOS e Linux. Distribuire nel cloud o in locale. Funziona su .NET
Installare ASP.NET

Icona di TypeScript
TypeScript
TypeScript estende JavaScript aggiungendo tipi al linguaggio. Ad esempio, JavaScript fornisce primitive del linguaggio come stringa, numero e oggetto, ma’non verifica che’siano state assegnate in modo coerente. TypeScript lo fa.
Provare nel browserInstallare localmente

icona
.NET MAUI
.NET MAUI (interfaccia utente multipiattaforma di .NET) consente di creare app native utilizzando un toolkit UI multipiattaforma .NET, progettato per piattaforme mobili e desktop su Android, iOS, macOS, Windows e Tizen.
Installare .NET MAUI

Contributi open source

Icona di OpenSource
Open Source in Microsoft
Migliaia di tecnici Microsoft usano, contribuiscono e rilasciano open source ogni giorno. I progetti più diffusi includono Visual Studio Code, TypeScript, .NET e ChakraCore.
Collabora subito

icona dei documenti
Contribuire ai documenti
La maggior parte dei set di documentazione di Microsoft è open source e ospitata in GitHub. Contribuire segnalando problematiche o creando pull request.
Scopri come

Sviluppo cloud con Azure

icona
Azure
Una piattaforma cloud completa per ospitare le app esistenti e semplificare il nuovo sviluppo. Azure servizi integrano tutti gli elementi necessari per sviluppare, testare, distribuire e gestire le app.
Impostare un account Azure

icona
Azure Servizi cognitivi
Servizi basati sul cloud con API REST e SDK per librerie client disponibili per facilitare la creazione di intelligenza cognitiva nelle applicazioni.
Prova il Servizio cognitivo

Sfoglia i prodotti di Azure
Azure offre una vasta gamma di prodotti e servizi: esaminare la documentazione o vedere le descrizioni dei prodotti Azure e i prezzi.
Impostare un account Azure

Risorse aggiuntive

Icona di configurazione dell'ambiente di sviluppo
Impostare l'ambiente di sviluppo in Windows
Informazioni su come configurare l'ambiente di sviluppo per lavorare con Python, NodeJS, C#, C, C++, compilare app Android, compilare Windows app desktop, compilare contenitori Docker, eseguire script di PowerShell e altro ancora.
Operazioni preliminari

Icona React Native for Desktop
React Native for Desktop
Supporto di React Native per Windows SDK e macOS 10.13 SDK. Usare JavaScript per creare app Windows native per tutti i dispositivi supportati da Windows inclusi PC, tablet, 2 in-1, Xbox, dispositivi di realtà mista e così via, nonché gli ecosistemi desktop e portatili macOS.
Installa React Native per Windows
Installare React Native su MacOS

Icona di Learn
corsi di Microsoft Learn correlati allo sviluppo Web
Microsoft Learn offre corsi online gratuiti per apprendere una varietà di nuove competenze e scoprire prodotti e servizi Microsoft con indicazioni dettagliate.
Inizia a imparare

Transizione tra Mac e Windows

Consulta la nostra guida per la transizione tra ambienti di sviluppo Mac e Windows (o sottosistema Windows per Linux).

• Tasti di scelta rapida
• Scelte rapide per trackpad
• Strumenti Terminale e shell
• App e utilità