​
Estensione VS Code (Beta)

L’estensione VS Code, disponibile in beta, ti permette di vedere le modifiche di Claude in tempo reale attraverso un’interfaccia grafica nativa integrata direttamente nel tuo IDE. L’estensione VS Code rende più facile accedere e interagire con Claude Code per gli utenti che preferiscono un’interfaccia visuale rispetto al terminale.

​
Funzionalità

L’estensione VS Code fornisce:
  • Esperienza IDE nativa: Pannello laterale dedicato di Claude Code accessibile tramite l’icona Spark
  • Modalità piano con modifica: Rivedi e modifica i piani di Claude prima di accettarli
  • Modalità accettazione automatica modifiche: Applica automaticamente le modifiche di Claude mentre vengono fatte
  • Gestione file: @-menziona file o allega file e immagini usando il selettore file di sistema
  • Utilizzo server MCP: Usa i server Model Context Protocol configurati attraverso la CLI
  • Cronologia conversazioni: Facile accesso alle conversazioni passate
  • Sessioni multiple: Esegui più sessioni Claude Code simultaneamente
  • Scorciatoie da tastiera: Supporto per la maggior parte delle scorciatoie dalla CLI
  • Comandi slash: Accedi alla maggior parte dei comandi slash CLI direttamente nell’estensione

​
Requisiti

  • VS Code 1.98.0 o superiore

​
Installazione

Scarica e installa l’estensione dal Visual Studio Code Extension Marketplace.

​
Aggiornamento

Per aggiornare l’estensione VS Code:
  1. Apri la palette comandi VS Code con Cmd+Shift+P (Mac) o Ctrl+Shift+P (Windows/Linux)
  2. Cerca “Claude Code: Update”
  3. Seleziona il comando per aggiornare all’ultima versione

​
Come Funziona

Una volta installata, puoi iniziare a usare Claude Code attraverso l’interfaccia VS Code:
  1. Clicca l’icona Spark nella barra laterale del tuo editor per aprire il pannello Claude Code
  2. Dai prompt a Claude Code nello stesso modo in cui faresti nel terminale
  3. Guarda mentre Claude analizza il tuo codice e suggerisce modifiche
  4. Rivedi e accetta le modifiche direttamente nell’interfaccia
    • Suggerimento: Trascina la barra laterale più larga per vedere i diff inline, poi cliccaci sopra per espanderli per i dettagli completi

​
Non Ancora Implementato

Le seguenti funzionalità non sono ancora disponibili nell’estensione VS Code:
  • Configurazione completa server MCP: Devi prima configurare i server MCP attraverso la CLI, poi l’estensione li userà
  • Configurazione subagenti: Configura i subagenti attraverso la CLI per usarli in VS Code
  • Checkpoint: Salva e ripristina lo stato della conversazione in punti specifici
  • Scorciatoie avanzate:
    • Scorciatoia # per aggiungere alla memoria
    • Scorciatoia ! per eseguire comandi bash direttamente
  • Completamento tab: Completamento percorso file con il tasto tab
Stiamo lavorando per aggiungere queste funzionalità negli aggiornamenti futuri.

​
Considerazioni di Sicurezza

Quando Claude Code viene eseguito in VS Code con i permessi di modifica automatica abilitati, potrebbe essere in grado di modificare i file di configurazione IDE che possono essere eseguiti automaticamente dal tuo IDE. Questo potrebbe aumentare il rischio di eseguire Claude Code in modalità modifica automatica e permettere di bypassare i prompt di permesso di Claude Code per l’esecuzione bash. Quando esegui in VS Code, considera:
  • Abilitare la Modalità Ristretta VS Code per workspace non fidati
  • Usare la modalità approvazione manuale per le modifiche
  • Prestare particolare attenzione per assicurarti che Claude sia usato solo con prompt fidati

​
Integrazione CLI Legacy

La prima integrazione VS Code che abbiamo rilasciato permette a Claude Code in esecuzione nel terminale di interagire con il tuo IDE. Fornisce condivisione contesto selezione (la selezione/scheda corrente viene automaticamente condivisa con Claude Code), visualizzazione diff nell’IDE invece che nel terminale, scorciatoie riferimento file (Cmd+Option+K su Mac o Alt+Ctrl+K su Windows/Linux per inserire riferimenti file come @File#L1-99), e condivisione automatica diagnostica (errori lint e sintassi). L’integrazione legacy si auto-installa quando esegui claude dal terminale integrato di VS Code. Semplicemente esegui claude dal terminale e tutte le funzionalità si attivano. Per terminali esterni, usa il comando /ide per connettere Claude Code alla tua istanza VS Code. Per configurare, esegui claude, inserisci /config, e imposta lo strumento diff su auto per il rilevamento automatico IDE. Sia l’estensione che l’integrazione CLI funzionano con Visual Studio Code, Cursor, Windsurf, e VSCodium.

​
Risoluzione Problemi

​
Estensione Non Si Installa

  • Assicurati di avere una versione compatibile di VS Code (1.85.0 o successiva)
  • Controlla che VS Code abbia il permesso di installare estensioni
  • Prova a installare direttamente dal sito web del marketplace

​
Integrazione Legacy Non Funziona

  • Assicurati di eseguire Claude Code dal terminale integrato di VS Code
  • Assicurati che la CLI per la tua variante IDE sia installata:
    • VS Code: il comando code dovrebbe essere disponibile
    • Cursor: il comando cursor dovrebbe essere disponibile
    • Windsurf: il comando windsurf dovrebbe essere disponibile
    • VSCodium: il comando codium dovrebbe essere disponibile
  • Se il comando non è installato:
    1. Apri la palette comandi con Cmd+Shift+P (Mac) o Ctrl+Shift+P (Windows/Linux)
    2. Cerca “Shell Command: Install ‘code’ command in PATH” (o equivalente per il tuo IDE)
Per aiuto aggiuntivo, vedi la nostra guida risoluzione problemi.