123SUDODocs
Guide

Area di lavoro del codice

Punta 9xchat su una cartella di progetto per ispezionare, cercare, eseguire script, eseguire operazioni git ed esaminare le differenze AI nella tua base di codice.

Codice trasforma 9xchat in un ambiente di codifica ad agenti. Invece di copiare e incollare frammenti disconnessi, apri un'intera cartella di progetto su disco. L'assistente AI può esplorare l'albero delle directory, leggere file, eseguire ricerche nel codice, eseguire script di progetto, ispezionare la cronologia git e proporre modifiche.

L'area di lavoro Codice è una funzionalità desktop avanzata che richiede un abbonamento Pro attivo. Vedi Crediti, Pro e utilizzo.

Apertura di uno spazio di lavoro

  1. Trascina qualsiasi directory di progetto nella schermata Codice o fai clic su Seleziona cartella.
  2. 9xchat indicizza la struttura delle cartelle e la visualizza nel pannello di progetto a sinistra.
  3. Le tue aree di lavoro recenti vengono salvate in Aree di lavoro recenti per un accesso rapido.

Uno spazio di lavoro può contenere più di una cartella: aggiungi una seconda radice quando una modifica interessa un'app e la libreria da cui dipende. La prima cartella rimane la radice primaria, che è ciò che decide dove si risolve un percorso ambiguo. La modifica delle cartelle in un'area di lavoro cancella la cronologia degli annullamenti dell'IA, quindi l'app ti chiede di mantenere o rifiutare prima eventuali modifiche in sospeso anziché bloccarle.

Area di lavoro 9xchat Code prima dell'apertura di un progetto, che offre un'area di rilascio delle cartelle e Seleziona cartella
Il codice si apre su una cartella anziché su un singolo file, offrendo all'intelligenza artificiale la piena consapevolezza contestuale del tuo progetto.

Navigazione nell'area di lavoro

Il layout dell'area di lavoro Codice è suddiviso in pannelli specializzati:

  • Barra laterale Sessioni: Mantieni thread di conversazione separati per attività diverse nella stessa base di codice (ad esempio, refactoring della logica di autenticazione rispetto all'aggiunta di unit test).
  • Esplora file: Sfoglia la gerarchia dei file con le icone e le cartelle dei tipi di file espansione.
  • Ricerca rapida file (⌘P / Ctrl+P): Ricerca fuzzy di nomi di file sul tuo project per passare direttamente a qualsiasi file.
  • Ricerca di progetti full-text: Testo, funzioni e simboli Grep in tutto il file intero spazio di lavoro con anteprime delle partite.
  • Anteprima file con sintassi evidenziata: Visualizza i file affiancati con i numeri di riga ed evidenziazione della lingua.
Area di lavoro di 9xchat Code con un progetto aperto: sessioni a sinistra, albero dei file a destra ed Esegui e Manuale nella barra in alto
Uno spazio di lavoro aperto. La barra superiore contiene i controlli che agiscono sull'intero progetto: esegui la pagina di ingresso, scegli quali script sono consentiti e passa dalla revisione manuale a quella automatica.

Strumenti di codifica agenti

Quando si chatta in una sessione di Code con modelli cloud supportati, l'assistente ha accesso agli strumenti di sviluppo integrati:

Categoria strumentoCapacità
Operazioni sui fileLeggi file, crea nuovi file, elenca il contenuto della directory e cerca sia i nomi dei file che il contenuto dei file
Modifiche e differenze AIProporre sostituzioni o riscritture esatte di stringhe su uno o più file
Integrazione GitControlla "git status", visualizza "git diff", esamina la cronologia dei commit e gli stage commit
Corridore di scriptEsegui script npm/yarn/pip, esegui suite di test e monitora i processi in background in esecuzione
Gestione dei pacchettiControllare e installare le dipendenze del progetto
BrowserApri una pagina in un riquadro accanto all'area di lavoro e leggi cosa contiene

La ricerca del contenuto utilizza ripgrep quando è installato sul tuo computer, rimuovendo il file e i limiti dei risultati necessari per una scansione JavaScript. L'assistente richiama lo stesso strumento in ogni caso, quindi non cambia nulla nella conversazione: un repository di grandi dimensioni semplicemente smette di essere cercato in forma troncata.

Che ripgrep sia presente o meno, le stesse regole decidono quali file possono essere letti. Una ricerca più veloce non amplia ciò che l'assistente può vedere.

Il flusso di lavoro di codifica degli agenti si basa su funzionalità di chiamata degli strumenti supportate da modelli cloud. I modelli Ollama attualmente non supportano l'esecuzione dello strumento in 9xchat.

Revisione delle modifiche dell'IA

Le modifiche vengono organizzate anziché scritte e il visualizzatore di differenze mostra aggiunte ed eliminazioni con numeri di riga ed evidenziazione della sintassi. Keep scrive la modifica su disco; Annulla lo elimina.

Manuale e automatico

Ogni sessione è Manuale (ogni modifica attende che tu la mantenga o la annulli) oppure Automatica, dove le modifiche vengono applicate man mano che vengono apportate. L'eliminazione e la ridenominazione di un file richiedono ancora in modalità automatica, perché queste sono le due operazioni difficili da invertire.

La modalità automatica è per sessione e viene ripristinata su Manuale al riavvio dell'app. L'accesso in scrittura non è qualcosa che dovrebbe persistere tranquillamente durante i lanci.

La modalità automatica si interrompe da sola dopo un'applicazione fallita o dopo dieci turni senza revisione e la carta lo dice. Un lungo refactoring esegue legittimamente diversi turni, così come un modello che esegue il loop sulla propria modifica errata. Dall'interno del ciclo i due sembrano identici, quindi il conteggio è ciò che ferma il secondo. La riattivazione automatica azzera il contatore.

Mantieni il tuo codice sotto il controllo della versione

Mantenere una modifica AI modifica i file reali nella directory del progetto su disco. Lavora sempre in un repository git o mantieni un backup in modo da poter annullare le modifiche se necessario.

Esecuzione degli script di questo progetto

Gli script che l'assistente può eseguire elencano ciò che definisce package.json e ti consentono di abilitarli uno alla volta. Niente è abilitato per impostazione predefinita, quindi un nuovo spazio di lavoro non può eseguire nulla finché non dici quali script sono sicuri e se il progetto non ha package.json o non definisce script, la finestra di dialogo lo dice anziché offrire un elenco vuoto.

L'attivazione della modalità automatica abilita tutti gli script nell'elenco finché è attivo.

Gli script che l'assistente può eseguire elencano le finestre di dialogo build, dev, lint e test con lint e test abilitati
Ogni script è abilitato da solo e la riga sottostante continua a contare. Niente è acceso finché non lo accendi.

Uno script che continua a essere eseguito (un server di sviluppo, un osservatore) si sposta in Script in esecuzione, dove puoi leggerne l'output o interromperlo. L'output è riproducibile, quindi un'esecuzione in background avviata in precedenza in una sessione può ancora essere letta dopo essere andati avanti e il conteggio dei processi in esecuzione rimane visibile nella barra superiore. Un processo che non puoi vedere è l’unica cosa che questa capacità non deve mai creare.

Anteprima di una pagina

Esegui viene visualizzato quando l'area di lavoro contiene un documento HTML di ingresso e lo apre in un'anteprima di esecuzione accanto all'editor. Fogli di stile, script e immagini locali vengono caricati dall'area di lavoro in modo che la pagina venga visualizzata nel suo insieme anziché come semplice markup.

L'anteprima è isolata: nessun accesso all'app, nessuna rete e nessun accesso ai file. Questo è il motivo per cui le sue risorse viaggiano all'interno del documento e perché una pagina recuperata da Internet mostrerà tali richieste bloccate.

L'anteprima dell'area di lavoro esegue una pagina locale, mostrando il logo, l'intestazione e tre voci di elenco create dal proprio script
La pagina così come viene effettivamente eseguita: il suo foglio di stile, il suo logo SVG e l'elenco creato dallo script differito dopo che il documento è stato analizzato.

Il Browser apre una pagina vera e propria in un riquadro accanto all'area di lavoro, che è l'altra metà: l'anteprima è per un documento che stai modificando, il riquadro del browser è per quello che stai guardando.

Ricordi dello spazio di lavoro

Una sessione di codice può ricordare cose legate all'area di lavoro piuttosto che alla conversazione, quindi un fatto su come viene costruito un progetto sopravvive nella sessione successiva sulla stessa base di codice. Memorie di sessione elenca le memorie dello spazio di lavoro sopra quelle della sessione; entrambi sono anche in Libreria → Ricordi, dove un filtro dell'area di lavoro li mostra per nome.

Guardando quanto costa

Visualizza utilizzo sessione analizza il consumo di una sessione di codifica. Agentic legge più file e chiama più strumenti rispetto a una chat, quindi vale la pena verificarlo con un lungo refactoring anziché alla fine del mese.

In questa pagina