*** # Utilizzare un Editor di Codice: Padroneggiare [VSCode.dev](https://vscode.dev) **Benvenuto!** Questa lezione ti guiderà dai concetti di base all'uso avanzato di [VSCode.dev](https://vscode.dev), il potente editor di codice basato sul web. Imparerai a modificare il codice con sicurezza, gestire progetti, tracciare modifiche, installare estensioni e collaborare come un professionista—tutto direttamente dal browser, senza necessità di installazione. *** ## Obiettivi di Apprendimento Alla fine di questa lezione, sarai in grado di: - Utilizzare efficacemente un editor di codice su qualsiasi progetto, ovunque ti trovi - Tracciare il tuo lavoro senza problemi grazie al controllo di versione integrato - Personalizzare e migliorare il tuo flusso di lavoro di sviluppo con personalizzazioni e estensioni dell'editor *** ## Prerequisiti Per iniziare, **registrati per un account gratuito su [GitHub](https://github.com)**, che ti permette di gestire repository di codice e collaborare a livello globale. Se non hai ancora un account, [creane uno qui](https://github.com/). *** ## Perché Usare un Editor di Codice Basato sul Web? Un **editor di codice** come VSCode.dev è il tuo centro di comando per scrivere, modificare e gestire il codice. Con un'interfaccia intuitiva, tantissime funzionalità e accesso immediato tramite browser, puoi: - Modificare progetti su qualsiasi dispositivo - Evitare il fastidio delle installazioni - Collaborare e contribuire istantaneamente Una volta che ti sentirai a tuo agio con VSCode.dev, sarai pronto per affrontare attività di coding ovunque e in qualsiasi momento. *** ## Iniziare con VSCode.dev Vai su **[VSCode.dev](https://vscode.dev)**—niente installazioni, niente download. Accedere con GitHub sblocca l'accesso completo, inclusa la sincronizzazione delle impostazioni, delle estensioni e dei repository. Se richiesto, collega il tuo account GitHub. Dopo il caricamento, il tuo spazio di lavoro apparirà così: , ⚙️ (Impostazioni), file, controllo sorgente, ecc. - **Barra laterale:** Cambia contesto in base all'icona selezionata nella barra delle attività (di default su *Esplora* per mostrare i file). - **Area editor/codice:** La sezione più grande a destra—dove effettivamente modificherai e visualizzerai il codice. Clicca sulle icone per esplorare le funzionalità, ma torna a _Esplora_ per mantenere il tuo posto. *** ## Aprire un Repository GitHub ### Metodo 1: Dall'Editor 1. Vai su [VSCode.dev](https://vscode.dev). Clicca su **"Apri Repository Remoto."** .  e premi Invio. Se tutto va bene, vedrai l'intero progetto caricato e pronto per essere modificato! *** ### Metodo 2: Istantaneamente tramite URL Trasforma qualsiasi URL di repository GitHub per aprirlo direttamente in VSCode.dev sostituendo `github.com` con `vscode.dev/github`. Es.: - GitHub: `https://github.com/microsoft/Web-Dev-For-Beginners` - VSCode.dev: `https://vscode.dev/github/microsoft/Web-Dev-For-Beginners` Questa funzionalità accelera l'accesso rapido a QUALSIASI progetto. *** ## Modificare File nel Tuo Progetto Una volta aperto il tuo repository, puoi: ### 1. **Creare un Nuovo File** - Nella barra laterale *Esplora*, naviga nella cartella desiderata o usa la radice. - Clicca sull'icona _‘Nuovo file ...’_. - Dai un nome al file, premi **Invio**, e il tuo file apparirà immediatamente.  e eliminazioni (rosso).  *** ## Ulteriori Esplorazioni e Studio Autonomo - Approfondisci con [la documentazione ufficiale di VSCode Web](https://code.visualstudio.com/docs/editor/vscode-web?WT.mc_id=academic-0000-alfredodeza). - Esplora funzionalità avanzate dello spazio di lavoro, scorciatoie da tastiera e impostazioni. *** **Ora sei pronto per programmare, creare e collaborare—da qualsiasi luogo, su qualsiasi dispositivo, usando VSCode.dev!** --- **Disclaimer**: Questo documento è stato tradotto utilizzando il servizio di traduzione AI [Co-op Translator](https://github.com/Azure/co-op-translator). Sebbene ci impegniamo per garantire l'accuratezza, si prega di notare che le traduzioni automatiche possono contenere errori o imprecisioni. Il documento originale nella sua lingua nativa dovrebbe essere considerato la fonte autorevole. Per informazioni critiche, si raccomanda una traduzione professionale effettuata da un traduttore umano. Non siamo responsabili per eventuali incomprensioni o interpretazioni errate derivanti dall'uso di questa traduzione.