Salta el contingut
 

Preparació de l'entorn

Joan Puigcerver Ibáñez

j.puigcerveribanez@edu.gva.es

Llicència: CC BY-NC-SA 4.0

(Reconeixement - NoComercial - CompartirIgual) 🅭

Preparació de l'entorn

En aquesta secció, veurem com instal·lar i configurar les eines necessàries per a treballar amb Git i Visual Studio Code.

Per què la terminal?

En aquest curs, utilitzarem la terminal per a interactuar amb Git, però això no significa que siga l'única manera de fer-ho. De fet, pràcticament tots els entorns de desenvolupament moderns tenen integració amb Git, la qual cosa permet realitzar les mateixes operacions que proporciona la terminal, però de manera més visual i intuïtiva.

No obstant això, és important conéixer com funcionen les comandes de Git en la terminal, per diferents raons:

  • Portabilitat: La terminal és un entorn comú en tots els sistemes operatius i en qualsevol entorn de desenvolupament.
  • Flexibilitat: La terminal permet realitzar operacions més avançades i personalitzades que les interfícies gràfiques.
  • Comprensió: Permet entendre com funcionen les comandes de Git i els processos que realitza en el sistema.

Instal·lació de Git

Git està disponible a la pàgina oficial per a Windows, Linux i macOS.

sudo apt update
sudo apt install git

Descarrega i executa l'instal·lador de Git.

Una vegada instal·lat, pots utilitzar la consola Git Bash. És una terminal basada l'intèrpret Bash, que et permetrà realitzar les comandes de Git en la consola.

Configuració inicial

Git utilitza un editor de text per a realitzar certes operacions, com ara escriure missatges de commit.

Per defecte, Git utilitza l'editor ViM, un editor de text per terminal molt potent, però difícil i poc intuïtiu per treballar.

Si desitgeu canviar l'editor per defecte, podeu utilitzar la següent comanda des de la consola:

git config --global core.editor <editor>

Editors de text

git config --global core.editor "code --wait"
git config --global core.editor notepad
  • gedit. Ve instal·lat per defecte en Ubuntu.
  • nano. Editor de text bàsic per terminal.
  • vim. Editor de text avançat per terminal.
    • :w per guardar.
    • :q per eixir.
git config --global core.editor nano

Recomanació

Com que utilitzarem Visual Studio Code com a editor de text, vos recomane que l'utilitzeu també com a editor per a Git.

git config --global core.editor "code --wait"

Instal·lació de Visual Studio Code

Visual Studio Code és un editor de text gratuït i de codi obert desenvolupat per Microsoft.

És un editor molt popular entre els desenvolupadors per la seua lleugeresa, rendiment i gran quantitat d'extensions disponibles, que permeten personalitzar-lo per a qualsevol llenguatge de programació.

Per a instal·lar-lo, descarrega'l des de la seua pàgina web i executa l'instal·lador.

Configuració

Anem a realitzar algunes configuracions bàsiques per a treballar amb Git en Visual Studio Code.

Integració amb la terminal

Visual Studio Code permet obrir una terminal integrada en la part inferior de la finestra, la qual cosa facilita la seua utilització sense haver de canviar de finestra.

Es pot obrir la terminal mitjançant el menú Terminal > New Terminal.

Consell

En sistemes Windows, la terminal integrada utilitza PowerShell per defecte.

Podeu seleccionar Git Bash des del menú desplegable de la terminal, on també podeu configurar que aquesta opció siga la predeterminada.

Menú desplegable de la terminal

Documentació oficial de Visual Studio Code

Figura 1. Menú desplegable de la terminal en Visual Studio Code.

Extensió Git Graph

Per a visualitzar la història dels commits de manera gràfica, podeu instal·lar l'extensió Git Graph des de l'apartat d'extensions de Visual Studio Code.

Demostració de l'extensió Git Graph

Extensió Git Graph

Figura 2. Demostració de l'extensió Git Graph

Una vegada instal·lada, podeu accedir a la vista gràfica de la història de commits des del botó Git Graph en la barra inferior esquerra de l'editor.

Advertència

El botó Git Graph sols està visible si has obert un directori amb un repositori de Git.

Botó Git Graph

Figura 3. Botó Git Graph en Visual Studio Code.

Configuració del prompt de la terminal per treballar amb Git

La terminal Git Bash defineix un prompt que incorpora informació molt útil sobre l'estat del repositori de Git, com ara la branca activa o l'estat del repositori en alguns processos (MERGING, REBASING, etc.).

No obstant això, si utilitzem la terminal del sistema, aquesta informació no estarà disponible i dificulta el treball amb Git.

A continuació, veurem com configurar el prompt de la terminal a Linux o terminals basades en Bash.

Documentació

git-prompt.sh

  1. Còpia el fitxer git-prompt.sh en algun lloc del teu sistema.
  2. Afegeix la següent línia al fitxer .bashrc, .zshrc o .profile del teu usuari:

    source ~/.git-prompt.sh # source ruta/fixer/git-prompt.sh
    
  3. Modifica la variable PS1 per incloure la informació del prompt de Git $(__git_ps1):

    # Exemple amb colors
    export PS1='\[\033[01;32m\]\u@\h\[\033[00m\]:\[\033[01;34m\]\w\[\033[33m\]$(__git_ps1) \[\033[00m\]$ '
    # Exemple sense colors
    export PS1='\u@\h:\w$(__git_ps1) $ '
    

    Adapteu el prompt al vostre gust.

  4. Reinicia la terminal.

jpuigcerver@fp:~ $ cd ~/git_introduccio
jpuigcerver@fp:~/git_introduccio $ git init
Initialized empty Git repository in /home/jpuigcerver/git_introduccio/.git/
jpuigcerver@fp:~/git_introduccio (main) $

Recursos addicionals

📌 Aquest document pot quedar desactualitzat després d’imprimir-lo. Pots consultar la versió més recent a la pàgina web.
🌿 Abans d’imprimir aquest document, considera si és realment necessari. Redueix el consum de paper i ajuda a protegir el nostre entorn.