Salta ai contenuti
CodeTutor
app.header.homeapp.header.docsLearningBrowser app

Introduzione

CodeTutor e un agente di programmazione AI open source. E disponibile come interfaccia per terminale, app desktop o estensione per IDE.

CodeTutor TUI con il tema opencode

Iniziamo.

Prerequisiti

Per usare CodeTutor nel terminale, ti serve:

  1. Un emulatore di terminale moderno, come:

  2. Le chiavi API dei provider LLM che vuoi usare.

Installa

Il modo piu semplice per installare CodeTutor e usare lo script di installazione.

Terminal window
curl -fsSL https://codetutor-docs.vercel.app/install | bash

Puoi anche installarlo con i seguenti comandi:

  • Con Node.js

    Terminal window
    npm install -g opencode-ai

  • Con Homebrew su macOS e Linux

    Terminal window
    brew install anomalyco/tap/opencode

    Ti consigliamo di usare il tap di CodeTutor per avere le release piu aggiornate. La formula ufficiale brew install opencode e mantenuta dal team Homebrew e viene aggiornata meno spesso.

  • Con Paru su Arch Linux

    Terminal window
    sudo pacman -S opencode           # Arch Linux (Stable)
    paru -S opencode-bin              # Arch Linux (Latest from AUR)

Windows

  • Con Chocolatey

    Terminal window
    choco install opencode

  • Con Scoop

    Terminal window
    scoop install opencode

  • Con NPM

    Terminal window
    npm install -g opencode-ai

  • Con Mise

    Terminal window
    mise use -g github:chowdarykakarla7890-del/opencode

  • Con Docker

    Terminal window
    docker run -it --rm ghcr.io/chowdarykakarla7890-del/opencode

Il supporto per installare CodeTutor su Windows usando Bun e attualmente in lavorazione.

Puoi anche scaricare il binario dalle Releases.

Configura

Con CodeTutor puoi usare qualsiasi provider LLM configurando le relative chiavi API.

Se e la prima volta che usi provider LLM, ti consigliamo OpenCode Zen. E una lista curata di modelli testati e verificati dal team di CodeTutor.

  1. Esegui il comando /connect nella TUI, seleziona codetutor e vai su codetutor-docs.vercel.app/auth.

    /connect

  2. Accedi, aggiungi i dettagli di fatturazione e copia la tua chiave API.

  3. Incolla la tua chiave API.

    ┌ API key
    │
    │
    └ enter

In alternativa, puoi selezionare uno degli altri provider. Scopri di piu.

Inizializza

Ora che hai configurato un provider, puoi spostarti in un progetto su cui vuoi lavorare.

Terminal window
cd /path/to/project

E avviare CodeTutor.

Terminal window
opencode

Poi inizializza CodeTutor per il progetto eseguendo il comando seguente.

/init

Questo fara analizzare il progetto a CodeTutor e creera un file AGENTS.md nella root del progetto.

Questo aiuta CodeTutor a capire la struttura del progetto e gli stili di codice usati.

Utilizzo

Ora sei pronto a usare CodeTutor sul tuo progetto. Sentiti libero di chiedergli qualsiasi cosa!

Se e la prima volta che usi un agente di programmazione AI, ecco alcuni esempi che possono aiutare.

Fai domande

Puoi chiedere a CodeTutor di spiegarti la codebase.

How is authentication handled in @packages/functions/src/api/index.ts

Questo e utile se c’e una parte della codebase su cui non hai lavorato.

Aggiungi funzionalità

Puoi chiedere a CodeTutor di aggiungere nuove funzionalita al progetto. Pero ti consigliamo prima di chiedergli di creare un piano.

  1. Crea un piano

    CodeTutor ha una Plan mode che disabilita la possibilita di fare modifiche e si limita a suggerire come implementera la funzionalita.

    Passaci con il tasto Tab. Vedrai un indicatore nell’angolo in basso a destra.

    <TAB>

    Ora descriviamo cosa vogliamo che faccia.

    When a user deletes a note, we'd like to flag it as deleted in the database.
    Then create a screen that shows all the recently deleted notes.
    From this screen, the user can undelete a note or permanently delete it.

    Devi dare a CodeTutor abbastanza dettagli per capire cosa vuoi. Aiuta parlargli come se stessi parlando a uno sviluppatore junior del tuo team.

  2. Itera sul piano

    Una volta che ti da un piano, puoi dargli feedback o aggiungere piu dettagli.

    We'd like to design this new screen using a design I've used before.
    [Image #1] Take a look at this image and use it as a reference.

    CodeTutor puo analizzare le immagini che gli dai e aggiungerle al prompt. Puoi farlo trascinando e rilasciando un’immagine nel terminale.

  3. Implementa la funzionalita

    Quando ti senti a tuo agio con il piano, torna in Build mode premendo di nuovo il tasto Tab.

    <TAB>

    E chiedigli di fare le modifiche.

    Sounds good! Go ahead and make the changes.

Apporta modifiche

Per modifiche piu semplici, puoi chiedere a CodeTutor di implementarle direttamente senza dover prima rivedere un piano.

We need to add authentication to the /settings route. Take a look at how this is
handled in the /notes route in @packages/functions/src/notes.ts and implement
the same logic in @packages/functions/src/settings.ts

Assicurati di fornire abbastanza dettagli, cosi CodeTutor fa le modifiche giuste.

Annulla modifiche

Mettiamo che tu chieda a CodeTutor di fare alcune modifiche.

Can you refactor the function in @packages/functions/src/api/index.ts?

Ma ti accorgi che non e quello che volevi. Puoi annullare le modifiche usando il comando /undo.

/undo

CodeTutor ora ripristina le modifiche e mostra di nuovo il tuo messaggio originale.

Can you refactor the function in @packages/functions/src/api/index.ts?

Da qui puoi modificare il prompt e chiedere a CodeTutor di riprovare.

Oppure puoi rifare le modifiche usando il comando /redo.

/redo

Condividi

Le conversazioni che fai con CodeTutor possono essere condivise con il tuo team.

/share

Questo creera un link alla conversazione corrente e lo copiera negli appunti.

Ecco un’esempio di conversazione con CodeTutor.

Personalizza

E tutto qui! Ora sei un pro nell’usare CodeTutor.

Per renderlo davvero tuo, ti consigliamo di scegliere un tema, personalizzare i tasti rapidi, configurare i formatter, creare comandi personalizzati o sperimentare con la configurazione di CodeTutor.