• Introduzione
  • 0 – Configurazione iniziale
    • 0.1 – Avvio
  • 1 – Modifiche alle impostazioni
    • 1.1 – Account
    • 1.2 – Barra di stato
    • 1.3 – Editor
    • 1.4 – Terminal
    • 1.5 – Explorer
    • 1.6 – Extension
  • 2 – Installazione del pacchetto di lingua italiana
  • 3 – Disattivare alcune preferenze
    • 3.1 – terminal.integrated.persistentSessionReviveProcess
    • 3.2 – dispatch
    • 3.3 – restoreWindows
    • 3.4 – restoreState
    • 3.5 – AI disable
    • 3.6 – Update Mode
  • 4 – Chiudere VS Code e riaprirlo
  • 5 – Estensioni consigliate
    • 5.1 – Python – Microsoft
    • 5.2 – Minify All – Jose Gracia Berenguer
    • 5.3 – Format HTML in PHP – rifi2k
    • 5.4 – PHP Formatter - pretty-php – Luke Arms
  • 6 – Aspetto grafico
    • 6.1 – Plastic (Will Stone)
    • 6.2 – File Icons (file-icons)
  • 7 – Conclusione

Introduzione

Visual Studio Code (spesso abbreviato in VS Code) è un editor di testo avanzato, utilizzato principalmente da programmatori e sviluppatori per scrivere codice. È gratuito, leggero e funziona su tutti i sistemi operativi principali.

Puoi scaricarlo dal sito ufficiale:
https://code.visualstudio.com

È disponibile per:

• Windows
• Linux
• Mac

Io lo utilizzo sia su Windows che su Linux, e questa guida è basata sulla mia esperienza con entrambi i sistemi.

---

0 – Configurazione iniziale

Prima di iniziare a usare VS Code, è utile fare una configurazione di base per renderlo più pulito e adatto alle proprie esigenze.

---

0.1 – Avvio

Quando apri VS Code per la prima volta, ti verrà chiesto di accedere con un account Microsoft o GitHub.

• Clicca su "Continue without Signing in" (in basso a destra) per saltare questa fase.
• Nella schermata successiva, clicca su "Continue" in basso a destra, senza modificare le impostazioni proposte.
• Alla terza schermata, chiudi semplicemente la finestra con la X in alto a destra.
• In basso al centro, togli la spunta da "Show welcome on startup" (mostra la schermata di benvenuto all'avvio) e chiudi con la X.

---

1 – Modifiche alle impostazioni

Rendiamo l'ambiente di lavoro più essenziale e ordinato.

---

1.1 – Account

Nella barra laterale sinistra, puoi vedere il tuo profilo account.
Per evitare distrazioni o visualizzare informazioni non necessarie:

• Con il tasto destro del mouse sulla voce "Account", disattivala (seleziona "Hide" o "Remove from view").

---

1.2 – Barra di stato

La barra di stato si trova in basso nell'editor. Mostra varie informazioni utili, ma alcune possono essere superflue.

Con il tasto destro sulla barra di stato, disattiva le seguenti voci:

• Remote host (se non usi connessioni remote)
• Problems (segnala problemi nel codice, ma può essere ridondante)
• Copilot Status (solo su Linux; su Windows non è presente)

Lascia attiva solo la voce "Notifications" (notifiche), che è utile per ricevere avvisi importanti.

---

1.3 – Editor

L'editor di codice può mostrare elementi visivi che riducono lo spazio disponibile per il codice stesso.

• Vai al menu: View > Appearance > deseleziona Minimap
  (La minimappa è una piccola anteprima del codice a destra; toglierla libera spazio.)

• Sempre nello stesso menu: View > Appearance > deseleziona Breadcrumbs
  (I breadcrumbs mostrano il percorso del file e la struttura del codice; possono essere disattivati per un aspetto più pulito.)

---

1.4 – Terminal

Il terminale integrato è molto utile, ma di solito non servono tutte le schede che vengono aperte di default.

• Clicca sui tre pallini in alto a destra nel pannello terminale, poi scegli Terminal > New Terminal per aprirne uno.
• Posiziona il mouse vicino alle schede (es. "Problems", "Output", ecc.), clicca con il tasto destro e rimuovi:
  • Problems
  • Output
  • Debug Console
  • Ports

Lascia attivo solo "Terminal", poi chiudi il terminale con la X a destra.

---

1.5 – Explorer

L'Explorer è il pannello a sinistra che mostra i file e le cartelle del progetto.

• In basso, dove compaiono le voci "Outline" e "Timeline", clicca con il tasto destro e togli la spunta da entrambe.
  Questi pannelli mostrano la struttura del file e la cronologia delle modifiche, ma non sono sempre necessari.

---

1.6 – Extension

Nel pannello delle estensioni (l'icona a forma di quadratini in basso a sinistra), con il tasto destro togli la spunta da:

• MCP Servers
• Recommended

In questo modo vedrai solo le estensioni effettivamente installate.

---

2 – Installazione del pacchetto di lingua italiana

Per avere l'interfaccia in italiano:

• Cerca nella barra di ricerca in alto "Search Extensions".
• Digita "italian" e il primo risultato sarà il pacchetto di lingua italiana.
• Clicca su "Install".
• Dopo l'installazione, apparirà un fumetto in basso a destra: clicca su "Change Language and Restart" per applicare la lingua e riavviare l'editor.

---

3 – Disattivare alcune preferenze

Per rendere VS Code più stabile e personalizzato, modifichiamo alcune impostazioni.

Clicca sull'ingranaggio in basso a sinistra e seleziona "Impostazioni" (Settings).

3.1 – terminal.integrated.persistentSessionReviveProcess

• Cerca questa voce e cambiala da default a "never".
  Così il terminale non tenterà di ripristinare processi precedenti all'avvio.

3.2 – dispatch

• Cerca "dispatch" e cambia da key a keycode.
  Migliora la compatibilità con alcune scorciatoie da tastiera.

3.3 – restoreWindows

• Cerca "restoreWindows" e cambia da "all" a "none".
  Evita che VS Code riapra automaticamente tutte le finestre precedenti.

3.4 – restoreState

• Cerca "restoreState" e deseleziona la checkbox.
  Impedisce il ripristino dello stato precedente dell'editor.

3.5 – AI disable

• Cerca le impostazioni relative all'AI (intelligenza artificiale) e deseleziona la spunta per disattivarla.

3.6 – Update Mode

• Cerca "Update Mode" e cambia da default a "none".
  Disattiva gli aggiornamenti automatici, così eviti interruzioni inaspettate.

---

4 – Chiudere VS Code e riaprirlo

Dopo aver effettuato tutte queste modifiche, è importante chiudere completamente Visual Studio Code e riaprirlo.
In questo modo tutte le impostazioni vengono applicate correttamente.

---

5 – Estensioni consigliate

Le estensioni aggiungono funzionalità extra a VS Code.
Quando le installi, conferma sempre che provengano da sorgenti conosciute per sicurezza.

5.1 – Python – Microsoft

Estensione ufficiale per sviluppare in Python. Aggiunge supporto per linting, debugging, intellisense e gestione degli ambienti virtuali.

5.2 – Minify All – Jose Gracia Berenguer

Permette di ridurre le dimensioni dei file (come CSS, JavaScript, HTML) rimuovendo spazi e commenti, utile per ottimizzare il caricamento delle pagine web.

5.3 – Format HTML in PHP – rifi2k

Estensione che permette di formattare il codice HTML all'interno di file PHP, mantenendo una struttura leggibile anche in contesti misti.

5.4 – PHP Formatter - pretty-php – Luke Arms

Strumento per formattare automaticamente il codice PHP secondo standard di stile, migliorando la leggibilità e la manutenibilità.

---

6 – Aspetto grafico

Il look di VS Code può essere personalizzato per renderlo più piacevole alla vista e più produttivo.

6.1 – Plastic (Will Stone)

Un tema con colori chiari ma ben contrastati, ideale per chi preferisce uno sfondo luminoso senza affaticare la vista. Mantiene un aspetto professionale e pulito.

6.2 – File Icons (file-icons)

Aggiunge icone specifiche per ogni tipo di file (es. .js, .html, .css, .php, .py).
Rende più facile riconoscere i file a colpo d'occhio nell'Explorer.

---

7 – Conclusione

Con queste personalizzazioni, Visual Studio Code diventa un ambiente di lavoro più essenziale, ordinato e adatto alle tue esigenze.
Le modifiche riguardano sia l'aspetto che il comportamento dell'editor, rendendolo più leggero e focalizzato sulla scrittura del codice.

Buon lavoro con il tuo VS Code personalizzato!