CodeGym /Corso Java /Frontend SELF IT /Lavoriamo con GitHub da IntelliJ IDEA

Lavoriamo con GitHub da IntelliJ IDEA

Frontend SELF IT
Livello 20 , Lezione 2
Disponibile

10.1 Clonazione del repository

Ricordate che vi ho parlato di 3 posti dove vengono salvati i file? Repository remoto, repository locale e directory di lavoro.

Quindi, ora dobbiamo clonare il tuo repository remoto (che hai creato su GitHub) nel tuo repository locale (repository sul tuo computer).

Quindi avvia IntelliJ IDEA e iniziamo…

Passo 1. Se non hai ancora creato progetti, seleziona il pulsante:

IntelliJ IDEA

Se li hai creati, allora:

IntelliJ IDEA

Passo 2. Indica l'url del tuo repository remoto che vuoi clonare sul computer.

Questo modo è utile se stai clonando il repository di qualcun altro.

IntelliJ IDEA

Se stai clonando il tuo, sarà più facile fare il login su GitHub tramite IntelliJ IDEA:

IntelliJ IDEA

Passo 3. Non fidarti di nessuno. Nemmeno di te stesso.

IntelliJ IDEA avvisa di non eseguire codice da repository sconosciuti. Poiché questo è il tuo repository, metti la spunta su fidarsi. IntelliJ IDEA

Passo 4. L'antivirus standard di Windows avvisa che ci sono file sconosciuti. L'antivirus, in generale, non ama programmi a lui sconosciuti.

MA! Abbiamo intenzione di creare proprio questi programmi, quindi chiediamo all'IDE di dire all'antivirus di non bloccare i tuoi futuri programmi. Clicca sul pulsante «Automatically», e poi — «YES».

IntelliJ IDEA

10. 2 Il primo commit

Se hai clonato un repository appena creato, conterrà solo un file — README.md

Passo 1. Apri il file README.md

Importante!

L'estensione md significa Markdown — è un formato primitivo per la stilizzazione dei file di testo. Puoi vedere come funziona, cliccando sul pulsante nell'angolo in alto a destra.

IntelliJ IDEA

Modifica questo file come vuoi: puoi scrivere qualsiasi messaggio di benvenuto o descrizione del repository.

Passo 2. Dopo aver apportato modifiche al file, IntelliJ IDEA lo visualizzerà in blu nell'albero dei file a sinistra. Tutti i file modificati vengono visualizzati in blu se le modifiche nella tua directory di lavoro non sono ancora state apportate al repository locale.

IntelliJ IDEA

Passo 3. Commit

Dopo aver apportato tutte le modifiche pianificate al file o ai file (e esserti assicurato della loro correttezza), dobbiamo caricarle nel tuo repository locale di git. Al momento si trovano solo nella tua cartella di lavoro.

Per fare ciò, devi cliccare sul pulsante Commit e selezionare tutti i file le cui modifiche vuoi apportare al repository locale:

IntelliJ IDEA

Passo 4. Aggiungi un commento in basso a sinistra che descriva le tue modifiche:

IntelliJ IDEA

Passo 5. E premi il pulsante «Commit».

Passo 6. Controllo

Passa al tuo progetto e verifica: se i file non brillano più in blu, significa che tutte le modifiche della tua directory di lavoro sono state apportate con successo al tuo repository locale.

IntelliJ IDEA

10.3 Lavorare con i file

Passo 1. Creiamo alcuni file in IntelliJ IDEA.

IntelliJ IDEA

Stiamo scrivendo codice HTML – quindi saranno file:

  • main.html
  • index.html

Passo 2. Aggiungiamo il file al repository locale.

Non appena IntelliJ IDEA ha visto che hai creato un file, ti ha subito proposto di aggiungerlo al tuo repository locale. IntelliJ IDEA tiene traccia delle modifiche solo nei file nella tua directory di lavoro che sono già nel tuo repository locale — solo quelli li segnerà in blu.

Se un file è nella tua directory di lavoro ma non nel repository locale, esso sarà segnato in rosso — come nell'immagine sotto:

IntelliJ IDEA

In generale, puoi sempre premere Add, ma questa volta premiamo «Cancel» e aggiungiamo il file manualmente per sapere come farlo.

Passo 3. Scriviamo nel file il tuo codice preferito.

Io, per esempio, ho scritto: <h1>FIRST COMMIT</h1>

Passo 4. Ora aggiungiamo il nostro file main.html al repository locale.

Clicca in un punto qualsiasi del file con il tasto destro del mouse e seleziona Git-> Add File

IntelliJ IDEA

Se tutto è andato bene, il file aggiunto sarà visualizzato in verde:

IntelliJ IDEA

Passo 5

. Poi effettuare il commit seguendo lo schema precedente:

IntelliJ IDEA

10.4 Il primo push

Ora dobbiamo caricare le nostre modifiche nel repository locale nel repository remoto su GitHub. Quando diversi programmatori lavorano su un progetto, sincronizzano le loro modifiche al codice in questo modo.

Passo 1. Clicca sul pulsante Push.

In realtà è molto facile: basta usare il pulsante Push nel menu in alto della tua IDE:

Clicca sul pulsante Push

Passo 2. Conferma i commit apportati.

In questo passaggio puoi vedere tutte le modifiche apportate e assicurarti di non aver rotto accidentalmente qualcosa di importante. O di non aver dimenticato di aggiungere un file da cui dipendono altri file.

Conferma i commit apportati

Passo 3. Controlla.

Se tutto è andato bene, vedrai un messaggio del tipo:

Se tutto è andato bene, vedrai un messaggio del tipo

Passo 4. Ora apri il tuo repository su GitHub e controlla:

IntelliJ IDEA

Magia della tecnologia!

10. 5 Utilizzo dei file .gitignore

Se hai aggiunto al tuo progetto alcuni file di servizio e non vuoi che vengano accidentalmente caricati su GitHub, puoi aggiungerli alle eccezioni. Per questo, c'è un file chiamato «.gitignore». È molto semplice e comodo.

Utilizzo dei file .gitignore
Commenti
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION