Guida introduttiva a GitHub, Node.js e Copilot CLI

Questa guida spiega passo passo come partire da zero e arrivare a creare il tuo primo sito web React (Hello World) usando GitHub Copilot CLI come assistente AI.

---

1️⃣ Registrarsi su GitHub (account personale)

GitHub è la piattaforma principale per ospitare codice, collaborare e usare strumenti AI come Copilot.

Passaggi

1. Apri il sito: https://github.com

2. Clicca su Sign up

3. Inserisci:

   • Email personale
   • Password sicura
   • Username (sarà pubblico)

4. Conferma l’email ricevuta

5. Completa il breve onboarding (puoi saltare le domande opzionali)

🎯 Alla fine avrai un account GitHub personale pronto all’uso.

---

2️⃣ Scaricare e utilizzare Node.js

Node.js è l’ambiente che permette di eseguire JavaScript fuori dal browser (server, tool, React, ecc.).

Download

1. Vai su: https://nodejs.org/en/download
2. Scarica la versione LTS (consigliata)
3. Installa seguendo la procedura guidata

Verifica installazione

Apri il terminale e digita:

node -v
npm -v

Se vedi due versioni, Node.js e npm sono installati correttamente ✅

---

3️⃣ Installare GitHub Copilot CLI, login e programmazione

Copilot CLI ti permette di chiedere all’AI di scrivere ed eseguire codice direttamente dal terminale.

Prerequisiti

• Account GitHub
• Node.js installato
• Abbonamento GitHub Copilot (o trial)

Installazione

Nel terminale:

npm install -g @githubnext/github-copilot-cli

Login

github-copilot-cli auth login

1. Si aprirà il browser
2. Accedi con GitHub
3. Autorizza Copilot CLI

Primo test

gh copilot explain "ls -la"

Se Copilot ti spiega il comando, tutto funziona 🎉

---

4️⃣ Installare Visual Studio Code

VS Code è l’editor consigliato per lavorare con Node, React e Copilot.

Installazione

1. Vai su: https://code.visualstudio.com
2. Scarica la versione per il tuo sistema operativo
3. Installa normalmente

Estensioni consigliate

Apri VS Code → Extensions:

• GitHub Copilot
• GitHub Copilot Chat
• ESLint
• Prettier

---

5️⃣ Creare il primo sito web React (Hello World) usando Copilot CLI

Ora la parte interessante: chiediamo all’AI di creare il progetto per noi.

Creare una cartella progetto

mkdir primo-sito-react
cd primo-sito-react

Chiedere a Copilot di creare un progetto React

gh copilot suggest "crea un progetto React con Vite che mostri Hello World"

Copilot ti proporrà un comando simile a:

npm create vite@latest . -- --template react
npm install
npm run dev

Accetta il suggerimento e lascia fare all’AI.

Aprire il progetto in VS Code

code .

Modificare il codice con Copilot

Apri src/App.jsx e chiedi:

gh copilot suggest "modifica App.jsx per mostrare un titolo Hello World centrato"

Copilot genererà il codice React per te.

Avviare il sito

npm run dev

Apri il browser all’indirizzo indicato (di solito http://localhost:5173).

🎉 Hai appena creato il tuo primo sito web React con l’aiuto dell’AI.

---

🔚 Conclusione

Con questa configurazione puoi:

• Usare GitHub come hub del tuo codice
• Usare Node.js per sviluppo moderno
• Programmare con l’aiuto dell’AI via Copilot CLI
• Costruire applicazioni web reali (React, backend, tool)

Se vuoi, il prossimo passo può essere:

• Pubblicare il sito su GitHub Pages
• Creare un backend Node
• Usare Copilot per scrivere test o API

🚀 Benvenuto nello sviluppo AI‑assisted