Înainte de a scrie prima linie de cod, aveți nevoie de un mediu de dezvoltare complet configurat. Acest capitol acoperă instalarea pas cu pas pe Windows, sistemul de operare cel mai des folosit de dezvoltatorii din România.
Instalare mediu - SDK, Android Studio, VS Code
Înainte de a scrie prima linie de cod, aveți nevoie de un mediu de dezvoltare complet configurat. Acest capitol acoperă instalarea pas cu pas pe Windows, s...
Introducere
Cerințe de sistem
| Componentă | Cerință minimă |
|---|---|
| Sistem de operare | Windows 10 (64-bit) sau Windows 11 |
| Spațiu pe disc | Minim 10 GB liber (SDK + Android Studio + emulator) |
| RAM | Minim 8 GB, recomandat 16 GB |
| Instrumente | PowerShell 5.0+, Git for Windows |
Pasul 1 - descărcarea Flutter SDK
Accesați docs.flutter.dev/get-started/install/windows și descărcați cea mai recentă arhivă stabilă. La data acestui ghid, versiunea curentă este Flutter 3.44 (cu Dart 3.12 inclus).
- Descărcați arhiva
.zipa Flutter SDK - Extrageți conținutul într-un director fără spații sau caractere speciale, de exemplu
C:\dev\flutter - Nu extrageți în
C:\Program Files\- unele scripturi necesită drepturi de administrator acolo, ceea ce poate cauza erori
Pasul 2 - configurarea variabilei PATH
Adăugați directorul bin al Flutter în variabila de mediu PATH, pentru a putea rula comanda flutter din orice locație:
# PowerShell - adăugare temporară pentru sesiunea curentă
$env:Path += ";C:\dev\flutter\bin"
# Pentru adăugare permanentă:
# Panou de control > Sistem > Setări avansate sistem >
# Variabile de mediu > Path > Editare > New > C:\dev\flutter\binPasul 3 - verificarea cu flutter doctor
Comanda flutter doctor verifică automat ce componente lipsesc din mediul de dezvoltare:
flutter doctor
Un rezultat tipic la instalare incompletă arată astfel:
[✓] Flutter (Channel stable, 3.44.6, on Microsoft Windows)
[✗] Android toolchain - develop for Android devices
✗ Android Studio not found
[✗] Chrome - develop for the web
[!] Android Studio (not installed)
[✓] Connected device (1 available)
[✓] Network resources
flutter doctor după fiecare pas de instalare din acest capitol. Bifele verzi [✓] confirmă că fiecare componentă e configurată corect.
Instalarea Android Studio
Android Studio este necesar pentru SDK-ul Android, emulator și instrumentele de compilare, chiar dacă veți scrie codul în VS Code.
- Descărcați de la
developer.android.com/studio - Rulați installerul și lăsați bifate componentele implicite (Android SDK, Android Virtual Device)
- La prima pornire, urmați expertul de configurare - acesta descarcă automat SDK-ul Android și toolchain-ul de build
- Din Android Studio, deschideți SDK Manager și asigurați-vă că este instalată cea mai recentă versiune de Android SDK Platform și Android SDK Build-Tools
- Acceptați licențele Android din linia de comandă:
flutter doctor --android-licenses
Configurarea unui emulator Android
- În Android Studio, deschideți Device Manager
- Apăsați Create Device și alegeți un model de telefon (de exemplu Pixel 8)
- Selectați o imagine de sistem cu API recent (recomandat API 34 sau mai nou)
- Finalizați și porniți emulatorul din listă
Instalarea Visual Studio Code
VS Code este editorul cel mai popular pentru Flutter datorită vitezei și extensiilor dedicate.
- Descărcați de la
code.visualstudio.com - Deschideți VS Code și mergeți la tab-ul Extensions (
Ctrl+Shift+X) - Căutați și instalați extensia oficială Flutter (aceasta instalează automat și extensia Dart)
Extensii recomandate VS Code
| Extensie | Rol |
|---|---|
| Flutter | Suport oficial: rulare, debugging, hot reload, snippets |
| Dart | Analiză cod, autocompletare, formatare (instalată automat) |
| Awesome Flutter Snippets | Fragmente de cod predefinite pentru widget-uri comune |
| Error Lens | Afișează erorile inline, direct lângă codul problematic |
| Pubspec Assist | Adaugă pachete din pub.dev direct din interfața editorului |
Crearea primului proiect
# Creează un proiect nou
flutter create numele_aplicatiei
# Intră în director
cd numele_aplicatiei
# Rulează aplicația (cu emulatorul pornit sau telefon conectat)
flutter run
snake_case), fără diacritice sau spații - de exemplu aplicatie_comenzi, nu Aplicație Comenzi.
flutter doctor afișează toate bifele verzi și flutter run pornește aplicația de test cu contorul care crește la fiecare apăsare de buton, mediul dvs. de dezvoltare este complet configurat.
Continuați cu restul cursului
Acesta este capitolul 2 din cele 14 ale cursului, cu 10 lecții din 85. Cumpărați cursul și parcurgeți tot conținutul în cont, cu progres salvat, test final și certificat.
Cumpărați cursul la 130 €