Mediul tau de dezvoltare: Terminal, Editor, Git

Curs Vibe Coding de TEN INVENT · Aprilie 2026

Fiecare constructor are nevoie de unelte. Un tamplar are un fierastrau, un ciocan si o ruleta. Un vibe coder are un terminal, un editor de cod si controlul versiunilor. Astazi le configuram pe toate trei.

Terminalul nu e infricosator

Terminalul este doar o modalitate bazata pe text de a comunica cu computerul tau. In loc sa dai click pe iconite, tastezi comenzi. Atat.

Cum sa il deschizi:

• macOS: Deschide aplicatia Terminal (cauta "Terminal" in Spotlight cu Cmd+Space)
• Windows: Deschide PowerShell (cauta "PowerShell" in meniul Start)
• Linux: Deschide orice emulator de terminal (de obicei Ctrl+Alt+T)

Primele tale comenzi:

Instalarea Node.js

Node.js iti permite sa rulezi JavaScript in afara unui browser web. Proiectul nostru il va folosi pentru a rula serverul de dezvoltare si a construi aplicatia.

Pasi de instalare:

1. Mergi la nodejs.org
2. Descarca versiunea LTS (Long Term Support — versiunea stabila)
3. Ruleaza programul de instalare si accepta toate setarile implicite
4. Verifica daca a functionat tastind in terminal:

node --version
npm --version

Ar trebui sa vezi numere de versiune. Daca vezi "command not found", inchide si redeschide terminalul.

VS Code: Editorul tau de cod

VS Code (Visual Studio Code) este un editor de cod gratuit facut de Microsoft. Este folosit de milioane de dezvoltatori din toata lumea si este cel mai bun mediu pentru lucrul alaturi de AI.

Pasi de instalare:

1. Mergi la code.visualstudio.com
2. Descarca pentru sistemul tau de operare
3. Instaleaza si deschide-l

Lucruri importante de stiut:

• File Explorer (bara laterala din stanga) — arata fisierele proiectului
• Integrated Terminal (panoul de jos) — un terminal integrat in VS Code (deschide cu Ctrl+` sau View > Terminal)
• Salvarea fisierelor — Ctrl+S (Windows/Linux) sau Cmd+S (Mac)

Extensii recomandate (instaleaza 2 pentru moment):

• Prettier — formateaza automat codul sa arate curat
• ESLint — evidentiaza erorile potentiale pe masura ce scrii

Pentru a instala: apasa pe iconita Extensions din bara laterala stanga (sau Ctrl+Shift+X) si cauta fiecare extensie.

Git: Plasa ta de siguranta

Git este controlul versiunilor — creeaza "puncte de salvare" pentru codul tau. Gandeste-te la ele ca la save state-urile dintr-un joc video. Daca ceva se strica, poti reveni oricand la o stare anterioara.

Instalare:

• macOS: Git vine preinstalat. Tasteaza git --version pentru a verifica.
• Windows: Descarca de la git-scm.com si ruleaza programul de instalare (accepta toate setarile implicite).
• Linux: Ruleaza sudo apt install git (Ubuntu/Debian) sau sudo dnf install git (Fedora).

Configureaza-ti identitatea:

git config --global user.name "Numele Tau"
git config --global user.email "emailul@tau.com"

Initializeaza proiectul:

cd waitlist-wizard
git init

Primul tau commit:

1. Creeaza un fisier numit README.md in folderul waitlist-wizard. Poti face asta in VS Code sau din terminal:

echo "# Waitlist Wizard" > README.md

2. Adauga si salveaza:

git add .
git commit -m "first commit"

Cont GitHub (optional dar recomandat)

GitHub este locul unde dezvoltatorii stocheaza si distribuie cod. Il vom folosi in Lectia 10 pentru a face deploy aplicatiei.

1. Mergi la github.com si creeaza un cont gratuit
2. Nu trebuie sa creezi niciun repository inca — vom face asta mai tarziu

Concluzia cheie

Acum ai cele trei unelte fundamentale pe care le foloseste fiecare dezvoltator: un terminal, un editor de cod si controlul versiunilor. Aceste unelte pot parea nefamiliare, dar trebuie sa le inveti doar o singura data. De aici inainte, Claude Code te va ajuta sa le folosesti.