Cursor: l'editor di codice con l'AI al centro

Come usare Cursor: completamento, chat sul codebase, modalità agente, regole di progetto e consigli per lavorare in modo produttivo e sicuro.

Cursor è un editor di codice (derivato da VS Code) progettato attorno all'AI. Importa le tue estensioni e impostazioni e aggiunge funzioni che cambiano il modo di programmare.

Le tre modalità principali

Modalità Quando usarla
Tab (completamento) Scrivere codice velocemente: suggerisce intere righe e blocchi, anche modifiche in più punti
Chat Capire il codice, chiedere spiegazioni, discutere soluzioni
Agente Compiti multi-file: crea e modifica file, esegue comandi, corregge errori

Dare contesto

La qualità dipende da quanto contesto fornisci:

  • @file / @cartella: includi file specifici.
  • @codebase: cerca nell'intero progetto.
  • @docs / @web: usa documentazione o ricerca online.
  • Immagini: incolla uno screenshot di un'interfaccia da replicare o di un errore.

Regole di progetto

Crea file di regole (in .cursor/rules o equivalente) per istruire l'AI sulle convenzioni:

- Usa React con TypeScript e componenti funzionali.
- Stili con Tailwind, niente CSS inline.
- Ogni componente ha un file di test accanto.
- Non aggiungere dipendenze senza chiedere.
- Rispondi in italiano; commenti nel codice in inglese.

Un flusso concreto

  1. Descrivi la funzione nel chat o in modalità agente.
  2. Chiedi un piano prima del codice.
  3. Rivedi i diff proposti: accetta, rifiuta o correggi per blocchi.
  4. Fai eseguire test e build all'agente.
  5. Committa piccoli passi, così puoi tornare indietro.
Aggiungi una pagina "Impostazioni profilo" con form (nome, email, avatar), validazione lato client e salvataggio via la funzione updateProfile in @src/api/user.ts. Segui lo stile dei componenti in @src/components. Scrivi anche i test.

Consigli

  • Compiti piccoli danno risultati migliori di richieste enormi.
  • Se l'agente si perde, riparti con una chat nuova e un contesto pulito.
  • Leggi sempre il codice generato, specie per sicurezza e gestione errori.
  • Controlla le impostazioni di privacy (modalità senza memorizzazione) per codice proprietario.

Alternative e complementi: GitHub Copilot, Claude Code.

Continua a imparare