Come accedere e modificare il tuo codice in Coderick AI

Coderick AI crea il tuo progetto dalle tue istruzioni in chat, ma ciò che produce è vero codice sorgente: gli stessi file con cui lavorerebbe uno sviluppatore. La scheda CODICE apre direttamente quel codice sorgente all’interno di Coderick AI, così puoi leggerlo, capirlo e apportare modifiche manuali ogni volta che vuoi.

Cosa puoi fare con la scheda Codice del tuo progetto Coderick AI?

Il vantaggio principale di Coderick AI è la possibilità di descrivere ciò che vuoi utilizzando il linguaggio naturale, senza dover scrivere o comprendere il codice. Tuttavia, a volte sai esattamente cosa deve essere modificato, ad esempio una classe CSS, il valore di un colore o una singola proprietà, e descrivere la modifica richiede più tempo che apportarla direttamente. Altre volte, invece, vuoi semplicemente vedere cosa è stato creato.

Ecco i principali vantaggi offerti dall’accesso al codice:

• Visibilità completa. Puoi aprire e consultare ogni file generato da Coderick AI, così hai sempre piena visibilità su ciò che compone il tuo progetto.
• Le modifiche manuali non consumano crediti. Modificare direttamente un file non consuma crediti, a differenza di quando chiedi a Coderick AI di apportare una modifica. Per una piccola modifica che sai già come effettuare, intervenire direttamente sul codice è la soluzione più rapida ed economica.
• Ogni salvataggio è un punto di ripristino. Ogni salvataggio completato correttamente crea una versione a cui puoi tornare, così puoi apportare modifiche in tutta tranquillità.
• Nessun vincolo. Scarica un singolo file o l’intero progetto come file .zip.

Come accedere alla scheda Codice?

Apri il tuo progetto in Coderick AI, quindi seleziona CODICE nella barra delle schede sopra l’area di anteprima, accanto a ANTEPRIMA e MODIFICA VISUALE.

L’anteprima viene sostituita dalla vista del codice: l’albero dei file a sinistra e l’editor a destra.

Navigazione tra i tuoi file

L’albero dei file elenca i file e le cartelle del tuo progetto. Seleziona una cartella per espanderla e seleziona un file per aprirlo nell’editor.

Due cose rendono la navigazione più facile su un progetto più grande:

• Apri più file contemporaneamente. L’apertura di un secondo file non chiude il primo. Ogni file aperto viene visualizzato in una scheda dedicata nella parte superiore dell’editor, così puoi passare da un file all’altro mentre lavori, una funzione particolarmente utile quando una modifica interessa più file. Chiudi un file selezionando la ✕ sulla relativa scheda.
• Comprimi l’albero dei file. Utilizza il comando di compressione a sinistra delle schede dei file per nascondere l’albero e utilizzare l’intera larghezza dell’editor. Selezionalo nuovamente per visualizzare di nuovo l’albero.

Modifica e salvataggio

Puoi digitare direttamente nell’editor e cambiare qualsiasi file a mano. Le modifiche manuali non usano crediti.

Non appena cambi qualcosa, la barra degli strumenti mostra un indicatore di Modifiche Non Salvate, i pulsanti ANNULLA e SALVA diventano attivi e un punto appare sulla scheda di ogni file che hai modificato.

Alcuni consigli utili quando modifichi i tuoi file:

• Sperimenta liberamente. Apporta una modifica, riscrivila o annullala. Nulla viene applicato al progetto finché non fai clic su Salva. Puoi inoltre utilizzare CTRL + Z per annullare e CTRL + Y per ripristinare un’azione.
• Applica più modifiche con un’unica build. Il salvataggio genera una nuova versione del progetto che include tutte le modifiche apportate. Puoi quindi effettuare tutte le modifiche necessarie e salvarle solo quando hai terminato, generando un’unica build anziché ricompilare il progetto a ogni modifica del codice.
• Puoi annullare le tue modifiche. Il pulsante ANNULLA elimina le tue modifiche non salvate e riporta i file al loro ultimo stato salvato.
  

  

Cosa succede quando salvi

Nel pannello della chat viene visualizzata una nuova scheda versione, contrassegnata come Modifica del codice e con data e ora. Questa versione costituisce un punto di ripristino: i controlli della scheda consentono di visualizzarla o di ripristinare il progetto a tale versione in un secondo momento, qualora una modifica successiva non dia i risultati desiderati. In altre parole, ogni salvataggio completato correttamente crea una versione a cui puoi tornare.

Indicare un file specifico a Coderick AI

Non devi apportare personalmente ogni modifica. Puoi fare riferimento al file aperto nel tuo messaggio successivo nella chat. Il file viene visualizzato come etichetta sopra la casella del messaggio, dopodiché puoi descrivere come di consueto in linguaggio naturale ciò che desideri modificare.

Fare riferimento a un file limita l’intervento a quel file, rendendo le modifiche e le spiegazioni di Coderick AI più rapide e precise rispetto a una richiesta generica, poiché non deve individuare a quale parte del progetto ti riferisci.

Ricerca nel tuo codice

Ci sono due tipi di ricerca, per due lavori diversi.

Ricerca in tutto il progetto. Utilizza il campo di ricerca sopra l’albero dei file e seleziona l’icona di ricerca per avviarla. I risultati vengono visualizzati in due sezioni, ciascuna con il relativo numero di risultati:

• File: file il cui nome corrisponde a ciò che hai digitato.
• Nei file: file il cui contenuto corrisponde, con il numero di corrispondenze in ciascuno.

In questo modo puoi trovare un file quando ne ricordi il nome oppure una stringa quando ricordi solo il contenuto del codice.

Ricerca all’interno del file aperto. Premi CTRL + F oppure seleziona l’icona di ricerca nella barra degli strumenti della scheda Codice per aprire la barra di ricerca nel file che stai visualizzando. Tutte le corrispondenze vengono evidenziate e viene mostrato il relativo numero.

Scaricare il tuo codice

Selezionando l’icona di download nella barra degli strumenti della scheda Codice puoi:

• Scarica il file selezionato: scarica il file attualmente aperto nell’editor.
• Scarica l’intera base di codice: scarica l’intero progetto come archivio .zip.