Pasul 1: Descarcă Visual Studio Code

• Mergi pe site-ul oficial Visual Studio Code și apasă pe „Download”
• Alege versiunea corespunzătoare sistemului tău de operare (Windows, Mac sau Linux).

Pasul 2: Instalează Visual Studio Code

• După descărcare, deschide fișierul pentru a începe instalarea
• Urmează pașii din instalator pentru a configura aplicația pe sistemul tău.

Pasul 3: Instalează extensii utile pentru dezvoltare web

• După instalare, deschide VS Code

Accesează „Extensions” din bara laterală stângă și caută extensii utile pentru dezvoltare web, cum ar fi:

• Live Server – pentru a vizualiza în timp real modificările de pe pagina ta web.
• Prettier – pentru a formata automat codul.
• Emmet – pentru scurtături de cod HTML și CSS.

Pasul 4: Creează un proiect nou

• Apasă pe „File” > „New Folder” pentru a crea un director nou pentru proiectul tău
• Deschide folderul în VS Code și adaugă fișierele tale de cod, cum ar fi index.html sau style.css.

Pasul 5: Codifică și salvează fișierele

• Începe să scrii codul HTML, CSS sau JavaScript. VS Code are evidențierea sintaxei pentru a te ajuta să înțelegi mai bine structura codului tău
• Salvează fișierele folosind comanda „Ctrl + S” (Windows) sau „Cmd + S” (Mac).

Pasul 6: Rulează și vizualizează aplicația

• Dacă folosești Live Server, poți deschide pagina ta direct în browser pentru a vedea cum arată în timp real
• Apasă „Go Live” în colțul din dreapta jos pentru a deschide serverul local.