> ## Documentation Index
> Fetch the complete documentation index at: https://docs.base44.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Modificare il codice della tua app

> Prendi il pieno controllo della tua app modificando il codice e vedendo in anteprima le modifiche fianco a fianco nell'editor.

Puoi modificare il codice per qualsiasi parte della tua app Base44 per rifinire layout, contenuti e comportamento. Questo ti dà la piena flessibilità di andare oltre i template e il codice generato dall'IA, così la tua app corrisponde esattamente a quello che hai in mente.

Attiva la schermata divisa per vedere l'anteprima live della tua app accanto all'editor di codice e applica le modifiche senza passare a un'anteprima separata.

<Frame caption="Editing your app's code and instantly previewing the changes">
  <img src="https://mintcdn.com/base44/HSXlsKQvBkYN-DXR/codeer.png?fit=max&auto=format&n=HSXlsKQvBkYN-DXR&q=85&s=845561c033d8e1acadf501429ed5efbb" alt="Editing your app's code and instantly previewing the changes" width="1915" height="958" data-path="codeer.png" />
</Frame>

***

## Accedere al codice della tua app

Apri l'editor di codice dalla dashboard della tua app. Da lì, puoi vedere i file del progetto a sinistra e puoi passarci direttamente e iniziare a modificarli.

**Per accedere al codice della tua app:**

1. Vai alla dashboard della tua app.
2. Clicca su **Code**.

<Frame caption="Accessing your app's code in Base44">
  <img src="https://mintcdn.com/base44/hrVkAqsRzoi9NYCy/images/codepanel.png?fit=max&auto=format&n=hrVkAqsRzoi9NYCy&q=85&s=26096b47df03c978b9a81a823cd179fd" alt="Accessing your app's code in Base44" width="1912" height="955" data-path="images/codepanel.png" />
</Frame>

***

## Vedere in anteprima le modifiche con la schermata divisa

La schermata divisa ti permette di lavorare nell'editor di codice mentre l'anteprima della tua app resta visibile accanto. Vedi come le tue modifiche influenzano la pagina senza uscire dalla vista del codice. Poiché l'anteprima è sempre a schermo, non devi spostarti avanti e indietro verso una modalità di anteprima separata. Puoi continuare a scrivere codice, salvare quando sei pronto e vedere subito come appare la pagina.

<Frame caption="Split screen for previewing code changes">
  <img src="https://mintcdn.com/base44/Kb6mZTf4mNXOF_gr/images/split.png?fit=max&auto=format&n=Kb6mZTf4mNXOF_gr&q=85&s=3b0556cac2c3cac886d1332d10521dc4" alt="Split screen for previewing code changes" width="1908" height="390" data-path="images/split.png" />
</Frame>

Quando entri nella schermata divisa, il lato sinistro mostra il codice del file che stai modificando e il lato destro mostra la stessa pagina o rotta in un'anteprima live.

**Ogni volta che apporti modifiche al codice:**

* Clicca su **Save** in fondo alla schermata per applicare le modifiche e aggiornare l'anteprima con il codice più recente.
* Clicca su **Discard** in fondo alla schermata se vuoi eliminare tutte le modifiche non salvate e tornare all'ultima versione salvata del file.

<Warning>
  **Importante:** Se apporti modifiche al codice della tua app, assicurati di cliccare su **Publish** perché vadano live sulla tua app.
</Warning>

Quando sei pronto a uscire dalla schermata divisa, clicca su **Exit split**.

***

## Apportare modifiche ai file di codice

L'editor di codice organizza la tua app in cartelle e file così puoi trovare velocemente ciò che vuoi modificare. Puoi lavorare in qualsiasi file della tua app e apportare modifiche tra cui:

* Modificare i file di pagina nella cartella Pages.
* Aggiornare componenti come sezioni hero, griglie di funzionalità, card o footer.
* Cambiare il modo in cui la tua app si connette a entità e API.
* Regolare le classi di layout e stile così sezioni, tipografia e spaziatura appaiano come vuoi.
* Rifattorizzare la struttura dell'app rinominando, spostando o riutilizzando componenti.

<Frame caption="Viewing and navigating your app's code files">
  <img src="https://mintcdn.com/base44/hrVkAqsRzoi9NYCy/images/codefiles.png?fit=max&auto=format&n=hrVkAqsRzoi9NYCy&q=85&s=c47137a59a24c8125eb2095eff963770" alt="Viewing and navigating your app's code files" width="971" height="791" data-path="images/codefiles.png" />
</Frame>

Se hai dimestichezza con React, puoi importare e riutilizzare componenti su più pagine, aggiornare props e hook per controllare flusso dati e interattività e aggiungere o rimuovere sezioni nel JSX per cambiare la struttura di una pagina.

***

## FAQ

Clicca su una domanda qui sotto per saperne di più sulla modifica del codice nella tua app.

<AccordionGroup>
  <Accordion title="Posso modificare ogni parte del codice della mia app?">
    Sì. Puoi aprire e modificare qualsiasi file di codice che appare nel pannello Code files, incluse pagine, componenti, layout e helper delle entità. Se una parte dell'app viene generata per te, appare comunque come codice normale che puoi modificare.
  </Accordion>

  <Accordion title="Devo usare la schermata divisa per modificare il codice?">
    No. Puoi lavorare nell'editor di codice a tutta larghezza se preferisci più spazio. La schermata divisa è utile quando vuoi vedere l'anteprima accanto al codice, ma puoi disattivarla in qualsiasi momento e riaprirla in seguito.
  </Accordion>

  <Accordion title="Cosa succede se clicco su Discard?">
    Discard rimuove tutte le modifiche non salvate nel file attivo e ripristina l'ultima versione salvata. Questo è utile se provi qualcosa che non funziona e vuoi tornare indietro velocemente. Una volta cliccato su Discard, non puoi recuperare il codice non salvato di quella sessione.
  </Accordion>

  <Accordion title="Devo essere uno sviluppatore esperto per modificare il codice?">
    Non devi essere un esperto, ma una familiarità di base con React e JSX aiuta. Puoi iniziare con piccole modifiche come aggiornare testo, scambiare componenti o cambiare stili semplici, poi passare a una logica più avanzata man mano che acquisisci sicurezza.
  </Accordion>
</AccordionGroup>

<Note>Questa pagina è stata tradotta utilizzando l'IA. Per informazioni più accurate e aggiornate, consulta la [versione inglese](/). </Note>
