Usare la Vista codice

Nella Vista codice puoi visualizzare file di altri progetti, passare ad altre posizioni nel documento ed eseguire ricerche nel codice.

Sfogliare i file

Quando Google Web Designer è in Vista codice, il riquadro File a sinistra mostra un elenco di file e sottocartelle nella cartella del progetto. Il riquadro viene aggiornato automaticamente in base alle modifiche apportate all'elenco.

Aprire i file

Seleziona un file nel riquadro per aprirlo in una nuova scheda. Puoi aprire i seguenti tipi di file:

• File di origine .html creati in Web Designer
• Altri file .html*
• .css*
• .js*
• .json*
• .svg*
• .xml*

^{*Modificabili solo in Vista codice.}

Puoi anche aprire file immagine (.jpg/.jpeg, .png, .gif) da visualizzare. Posiziona il puntatore sopra il nome file di un'immagine nel riquadro File per vedere una miniatura dell'immagine.

I file che non è possibile aprire in Web Designer non sono selezionabili.

Per aprire file di altri progetti o in altre cartelle, usa il comando di menu File > Apri….

Filtrare l'elenco dei file

Inserisci parte di un nome file nel campo Filtra i file  per visualizzare soltanto i file corrispondenti.

Nascondere il riquadro File

Fai clic sul pulsante Comprimi nell'angolo in alto a destra del riquadro File per nascondere l'elenco dei file. Fai clic sul pulsante Espandi per riaprire il riquadro.

Spostarsi nel documento

Se selezioni un elemento in Vista struttura e passi alla Vista codice, il cursore viene posizionato in corrispondenza del codice relativo all'elemento selezionato.

Andare a una riga

Fai clic sul numero di riga o di colonna nella barra a piè di pagina per inserire un nuovo valore, quindi premi INVIO.

Usare la mini mappa

La mini mappa sul lato destro della finestra mostra una versione in miniatura dell'intero documento in Vista codice. La porzione di codice visibile nell'editor è evidenziata nella mini mappa.

Fai clic all'interno della mini mappa per passare alla parte corrispondente del documento oppure trascina verso l'alto o verso il basso per scorrere il documento.

Puoi disattivare la mini mappa nelle tue preferenze.

Eseguire ricerche nel codice

Per trovare del testo:

1. Seleziona Modifica > Trova oppure premi CTRL + F (Windows) o ⌘ + F (Mac) per aprire la barra di ricerca nella parte inferiore della finestra.
2. Inserisci il termine di ricerca nel campo Trova….
3. Attiva o disattiva le opzioni di ricerca desiderate:
   • Espressioni regolari (.*)
   • Distinzione tra maiuscole e minuscole (Aa)
   • Parole intere ()
   • Limita alla selezione ()
4. Google Web Designer visualizza il numero totale di corrispondenze ed evidenzia la prima corrispondenza dopo la posizione del cursore.
   • Per trovare la corrispondenza successiva, fai clic su oppure premi CTRL + G (Windows) o ⌘ + G (Mac).
   • Per trovare la corrispondenza precedente, fai clic su oppure premi MAIUSC + CTRL + G (Windows) o MAIUSC + ⌘ + G (Mac).
   • Per selezionare tutte le corrispondenze in modo da poterle modificare contemporaneamente, fai clic su Trova tutto.

Premi ESC o fai clic sulla X per chiudere la barra di ricerca.

Per trovare e sostituire del testo:

1. Seleziona Modifica > Trova/Sostituisci oppure premi CTRL + MAIUSC + F (Windows) o ⌘ + MAIUSC + F (Mac) per aprire la barra di ricerca e sostituzione nella parte inferiore della finestra.
2. Inserisci il termine di ricerca nel campo Trova… e il testo sostitutivo nel campo Sostituisci….
3. Puoi usare le stesse opzioni disponibili per la ricerca di testo (vedi sopra) oltre a quelle per la sostituzione del testo:
   • Per sostituire la corrispondenza corrente e trovare quella successiva, fai clic su Sostituisci.
   • Per sostituire tutte le corrispondenze, fai clic su Sostituisci tutto.

Passare alla Vista struttura

Fai clic sul pulsante Vista struttura nell'angolo in alto a destra della finestra.