Utilizzo di Git in Dreamweaver

Dreamweaver supporta Git, un sistema open source distribuito per il controllo delle versioni per gestire il codice di origine. Grazie all’integrazione di Git in Dreamweaver, potete lavorare indipendentemente sul codice ovunque vi troviate e unire in un secondo momento le modifiche effettuate in un repository centrale. Git consente di tenere traccia di tutte le modifiche apportate in un file e anche di ripristinare le versioni precedenti.

I repository Git sono utili anche quando collaborate all’interno di un team, dato che Git consente di creare e gestire con facilità le diramazioni. Considerate l’esempio in cui siete il progettista e volete effettuare una modifica di progettazione al sito. Allo stesso tempo, un altro iscritto al team implementa le modifiche richieste per lo stesso sito; grazie a Git potete entrambi lavorare indipendentemente. In questo caso, potete entrambi creare indipendentemente una diramazione e apportare le modifiche nel rispettivo repository locale. Il repository locale contiene la cronologia completa di tutte le modifiche che avete effettuato al codice di origine. In qualsiasi momento potete interrompere il vostro lavoro e unire le modifiche nel repository centrale. L’unione consente di avere la certezza che il repository centrale conterrà sempre il codice più recente con le modifiche di entrambi.

Continuate a leggere per iniziare a utilizzare Git in Dreamweaver.

Se siete un nuovo utente di Git, dovrete prima scaricare un client Git e creare un account Git. Un client Git è fondamentale prima di poter utilizzare Git da Dreamweaver.

Se disponete già di un account Git, accedete al vostro account. Assicuratevi di aver scaricato il client Git nel sistema. 

Per iniziare con Git in Dreamweaver, effettuate le seguenti operazioni:

Pannello Git

È consigliabile installare il client Git con le impostazioni di configurazione predefinite. Successivamente, Dreamweaver seleziona automaticamente il percorso dell’eseguibile.

Ora potete avviare Dreamweaver e associare il sito con un repository Git.

Dreamweaver supporta le operazioni Git tramite il pannello Git (Finestra > Git). In qualità di utente di Dreamweaver, potete utilizzare questo pannello per eseguire le operazioni Git comuni quali commit, push, pull, fetch.

Associazione del sito a Git

Per iniziare a utilizzare Git in Dreamweaver, dovrete prima associare il sito Dreamweaver con un repository Git. Il repository Git è simile a una cartella che create per tenere traccia delle modifiche apportate ai file. Nel computer potete avere un numero qualsiasi di repository Git. Ciascun repository nel computer è indipendente. Questo significa che le modifiche salvate in un repository Git non influiscono su un altro.

Potete associare il sito Web a un repository creando un repository o clonandone uno esistente. Quando inizializzate o create un nuovo repository, nella directory di lavoro corrente è creato un repository Git vuoto nella cui cartella è inserito un file .gitignore.

Tuttavia, quando clonate un repository Git esistente, tutti i file del repository principale sono clonati nel sistema locale.

Continuate a leggere per scoprire come inizializzare un repository Git o clonare un repository.

Inizializzazione di un repository Git

Quando iniziate a lavorare con Git in Dreamweaver, il primo passaggio consiste nel creare un repository. Inizializzando un repository Git per il sito, create un repository Git in cui potete aggiungere i file associati al sito Dreamweaver.

Clonazione di un repository esistente

Se state già lavorando con un repository Git esistente ospitato in Github o Bitbucket o altri servizi di hosting diffusi, potete utilizzare la procedura seguente per clonare il repository da Dreamweaver. Quando clonate un repository esistente, state creando una copia del repository selezionato nel sistema locale.

Utilizzo di Git per il controllo delle versioni

Dopo aver associato il sito Dreamweaver con un repository Git, potrete visualizzare i file presenti in Git nel pannello File (vista Git). Git classifica i file presenti nel repository locale come:

• File non monitorati: file per i quali non è mai stato eseguito il commit nel repository Git. Dopo aver inizializzato un repository Git, i file non sono monitorati fino a quando non eseguite il commit.
• File non modificati: file che non sono stati modificati.
• File modificati: file che sono stati modificati.
• File sullo stage: file modificati e sui quali siete pronti a eseguire il commit.

Utilizzando Git, potete monitorare le modifiche dei file. Quando modificate i file nel sistema locale, questi sono visualizzati nel pannello File con un colore diverso. Facendo doppio clic su un file per aprirlo nella vista Codice, potete anche notare l’indicatore a margine sulle righe che sono state modificate. Per sincronizzare le modifiche, potete procedere ed eseguire il commit dei file modificati in Git.

Quando eseguite il commit dei file, Git consente di immettere dei messaggi di registro per ciascun commit e di verificare le modifiche utilizzando la funzione diff. Potete inoltre visualizzare la cronologia delle versioni per ciascun file e per l’intero repository.

Continuate a leggere per scoprire come monitorare le modifiche in Dreamweaver ed eseguire il commit delle modifiche in Git.

Monitoraggio delle modifiche in Git

Osservate l’icona Git nel pannello File in Dreamweaver che consente di passare tra le viste FTP e Git. Fate clic sull’icona Git per passare alla vista Git.

Se avete inizializzato un repository Git ma non avete ancora eseguito il commit dei file, questi sono ancora nello stato non monitorato. Se invece avete eseguito il commit dei file dopo aver inizializzato il repository, Git riconosce questi file.

Se avete clonato tutti i file da un altro repository, i file sono sempre riconosciuti da Git.

Quando modificate un file e fate clic su Salva, il file modificato è visualizzato nel pannello File in un colore diverso. Per visualizzare con precisione le modifiche nella vista Codice, fate doppio clic sul file modificato.

Un indicatore a margine segnala quelle righe che sono state modificate. Gli indicatori a margine di colore verde indicano che è stato aggiunto nuovo codice. Gli indicatori a margine di colore giallo indicano il codice modificato, mentre quelli in rosso indicano una riga di codice eliminata.

Facendo clic sull’indicatore a margine di colore giallo, l’applicazione visualizza la modifica nel codice. La riga di codice eliminata è visualizzata in rosso mentre e il codice aggiunto è visualizzato in verde.

Notate il simbolo R nell’angolo sinistro della riga di codice eliminata. Per aggiungere nuovamente il codice eliminato nel file, fate clic sul simbolo R.

Prima di eseguire il commit delle modifiche nel repository Git, utilizzate gli indicatori a margine per visualizzare le differenze ed esaminare le modifiche.

Visualizzazione delle differenze nei file modificati

Quando aprite il pannello Git, potete vedere un elenco dei file modificati. Potete fare clic su un file nell’elenco e visualizzarne le modifiche apportate dal precedente commit (diff). Per visualizzare le differenze in un file, effettuate una delle seguenti operazioni nel pannello Git:

• Per visualizzare le modifiche a livello di file, fate clic su ciascun file. Le evidenziazioni in rosso indicano la versione precedente, mentre quelle in verde indicano la modifica appena effettuata.
• Selezionate il file per il quale volete visualizzare le differenze. Fate clic su  (icona Diff). Nella finestra di dialogo Git Diff visualizzata sono evidenziate le modifiche in rosso e in verde.

Commit delle modifiche

Ripristino delle modifiche

Se avete già eseguito il commit delle modifiche e desiderate ripristinare la versione precedente di un file, effettuate le seguenti operazioni:

Creazione di tag

I tag possono essere creati ogni volta che eseguite il commit delle modifiche in Git. I tag possono essere utilizzati per contrassegnare commit importanti. Ad esempio, il check-in di una modifica importante richiesta dal vostro cliente. I tag sono utilizzati come puntatori a un determinato commit.

Visualizzazione della cronologia del file

Ogni volta che eseguite il commit di un file in Git, potete visualizzarne la cronologia unitamente ai dettagli del commit. Questa funzionalità semplifica l’identificazione di commit importanti e dei tag associati ai commit.

1. Nel pannello Git, effettuate una delle operazioni seguenti:

• Selezionate il file richiesto, quindi fate clic su  (icona Mostra cronologia file).
• Fate clic con il pulsante destro del mouse sul file nel pannello File e selezionate Cronologia file.

Il sistema visualizza la Cronologia file Git del file selezionato. Nella stessa finestra di dialogo potete visualizzare i dettagli del commit per questo file.

Visualizzazione della cronologia del repository

Oltre a visualizzare la cronologia di un file in Git, potete anche visualizzare le modifiche effettuate a livello di repository. Potete visualizzare tutte le modifiche e tutti i commit effettuati a livello di repository. Per visualizzare la cronologia del repository, effettuate le operazioni seguenti:

Utilizzo di Git per la collaborazione

Una delle funzioni più notevoli di Git sono le diramazioni. A differenza della maggior parte dei sistemi di controllo delle versioni, si può pensare a una diramazione di Git come a una fila indipendente di tutti i file o di tutto il codice associato. Per impostazione predefinita, il repository contiene una diramazione denominata “principale”. La diramazione principale è quella definitiva. Potete creare altre diramazioni da quella principale e apportare modifiche in ciascuna di esse.

Potete anche creare una diramazione da un’altra diramazione, dove state creando una copia della diramazione principale. Potete lavorare indipendentemente su entrambe le diramazioni nello stesso repository Git. Potete, ad esempio, lavorare su una nuova funzione per il sito in una diramazione e apportare delle modifiche richieste in un’altra diramazione.

Git consente inoltre di unire le diramazioni per incorporare le modifiche della diramazione corrente in una diramazione di destinazione. Quando unite due diramazioni, entrambe le diramazioni continua a esistere in modo indipendente. Potete continuare a lavorare con la diramazione principale e quella di destinazione.

In Dreamweaver, quando sviluppatori e progettisti collaborano a un sito, ogni utente può creare una diramazione da quella principale e apportate le modifiche indipendentemente. Se necessario, gli utenti possono unire facilmente le modifiche con un’altra diramazione e continuare a lavorare con entrambe le diramazioni.

Per ulteriori informazioni sulla creazione e sulla gestione delle diramazioni in Git, leggete la sezione seguente:

Creazione di diramazioni in Git

Unione delle diramazioni

Operazioni con i repository remoti

I repository remoti in Git rappresentano le versioni di un progetto ospitate in un’altra rete. Per accedere a un repository remoto, dovete creare una connessione ad esso. A seconda dei diritti di accesso specificati nel repository remoto, il tipo di accesso disponibile per il repository può essere di sola lettura o di scrittura.

Quando lavorate in un team, i repository remoti consentono di inviare i dati ad altri repository e a estrarli da essi. Dal pannello Git di Dreamweaver, potete creare una connessione remota, eseguire diverse operazioni Git, ad esempio Fetch, Git Push, Git Pull e Aggiorna remoto.

Leggete le procedure seguenti per scoprire come creare e gestire i repository remoti.

Aggiunta di un repository remoto

Per condividere i file e gli sviluppi del vostro lavoro o accedere ai file di progetto ospitati in un’altra rete, potete aggiungere un repository remoto. Aggiungendo un repository remoto si stabilisce una connessione remota con il repository di destinazione. Dreamweaver consente di creare repository remoti dal pannello Git.

Prima di aggiungere un repository remoto, verificate che nel repository siano abilitate le impostazioni pubbliche.

Gestione dei repository remoti

Dopo aver aggiunto un repository remoto e creato una connessione, potete recuperare e inviare i file dal repository remoto a quello locale. Potete anche inviare i vostri file nel repository remoto. Per eseguire l’azione Git Push per la prima volta, dovete tuttavia recuperare prima i file dal repository remoto.

Ricordatevi di eseguire il commit di tutti i file nel repository locale prima di tentare di inviare i file. Se nel repository locale sono presenti file sullo stage, l’azione Git Push ha esito negativo. 

In Dreamweaver, potete eseguire le seguenti operazioni Git:

Fetch all

Fate clic su  per recuperare tutti i file da tutte le connessioni remote. Prima di eseguire un’operazione Git Push o Git Pull è consigliabile eseguire un’operazione Git Fetch. Questa operazione recupera solo i file dal remoto e non modifica il repository locale.

Pull dei file dal repository remoto

Potete estrarre le modifiche da un singolo repository o da un gruppo di essi. Quando fate clic sull’icona Git Pull, il sistema visualizza la finestra di dialogo Git Pull con diverse opzioni.

Push dei file nel repository remoto

Dopo aver stabilito la connessione con i repository remoti, Git registra le modifiche quando modificate ed eseguite il commit dei file modificati. L’icona Git Push  nel pannello Git visualizza immediatamente il numero di file che sono stati modificati. Questi file possono ora essere inviati al repository remoto.

Quando eseguite un’operazione Git Push, i commit eseguiti nel repository locale sono inviati al repository remoto.

Per inviare i file da Dreamweaver:

Ricerca di file nel pannello Git

La barra Ricerca nel pannello Git consente di ricercare i file utilizzando il nome file. Questa funzionalità è particolarmente utile quando il numero di file associato al sito è elevato.

Per cercare un file, è sufficiente scriverne il nome nella barra di ricerca. Il file o i file che soddisfano la query di ricerca sono visualizzati immediatamente.

Aggiunta dei file all’elenco ignore

Quando non è necessario che Git intervenga su un file, potete aggiungerlo a .gitignore. Quando eseguite una qualsiasi operazione come commit, push e pull, Git ignora i file in questa cartella. Dovete eseguire il commit del file .gitignore nel vostro repository in modo che, se clonato da altri utenti, questi siano consapevoli dei file presenti nella cartella .gitignore.

Per aggiungere i file a .gitignore, selezionate il pannello File in Dreamweaver. Selezionate e fate clic con il pulsante destro del mouse sul file da ignorare e selezionate Git > Aggiungi a .gitignore.

Per rimuovere i file in qualsiasi momento da .gitignore, selezionate il file nel pannello File. Fate clic con il pulsante destro del mouse e selezionate Git > Rimuovi da .gitignore.

Dopo aver modificato questo file, assicuratevi di eseguire il commit del file .gitignore nei repository locale e remoti.

Accesso a Git dalla riga di comando

Nelle sezioni precedenti di questo articolo, avete appreso come utilizzare il pannello Git (interfaccia utente) per effettuare operazioni quali associare un repository Git al sito, creare e gestire le connessioni remote, effettuare il push dei file a un repository o effettuare un pull da un repository. Utilizzando i comandi Git, potete effettuare le stesse operazioni e altre ancora.

Per effettuare qualsiasi operazione Git utilizzando il terminal, seguite la procedura descritta:

• Selezionate Finestra > Git, quindi fate clic sull’icona Apri console Bash/Terminal.
• Nel pannello File, passate alla vista Git. Fate clic sull’icona Apri Terminal di Git accanto all’elenco a discesa dei repository.

Per una panoramica dei comandi Git più comuni, consultate il Riferimento per Git. 

Quando eseguite determinate operazioni dalla riga di comando, ad esempio, l’inizializzazione di un repository Git, tali operazioni sono aggiornate anche nell’interfaccia di Dreamweaver.

Potete tuttavia modificare i file utilizzando la riga di comando anche quando l’applicazione Dreamweaver è chiusa. In tal caso, al successivo avvio di Dreamweaver verrà visualizzato il messaggio seguente:

Impostazione delle preferenze di Git in Dreamweaver

Le preferenze di Git in Dreamweaver consentono di definire alcune impostazioni relative all’utilizzo di Git in Dreamweaver. Nella finestra di dialogo Preferenze potete impostare le preferenze di Git, ad esempio il percorso al terminal, le impostazioni di timeout e così via.