© Khmer Angkor Academy - sophearithput168

ការដំឡើង Flutter

ដំឡើង Flutter និង Dart

មុននឹងចាប់ផ្តើមសរសេរកូដ Flutter យើងត្រូវដំឡើង Flutter SDK និងកំណត់ទីតាំងសម្រាប់អភិវឌ្ឍន៍។

📋 តម្រូវការប្រព័ន្ធ

Windows:

  • Operating System: Windows 10 ឬ ថ្មីជាង (64-bit)
  • Disk Space: 2.5 GB (មិនរាប់បញ្ចូល IDE)
  • RAM: 4 GB (បាន), 8 GB (ល្អ)
  • Tools: Git for Windows, PowerShell 5.0+

macOS:

  • Operating System: macOS 10.14 (Mojave) ឬ ថ្មីជាង
  • Disk Space: 2.8 GB (មិនរាប់បញ្ចូល Xcode)
  • Tools: Xcode (សម្រាប់ iOS development)

🔧 ជំហានទី 1: ទាញយក Flutter SDK

Windows:

  1. ទៅកាន់ https://flutter.dev
  2. ចុច "Get Started" → "Install" → "Windows"
  3. ទាញយក flutter_windows.zip
  4. Extract ទៅ C:\src\flutter (ចៀសវាង Program Files)
  5. បន្ថែម Flutter ទៅ PATH:
    • ស្វែងរក "Environment Variables" ក្នុង Windows
    • បន្ថែម C:\src\flutter\bin ទៅ PATH

macOS/Linux:

# ទាញយក Flutter SDK
cd ~/development
git clone https://github.com/flutter/flutter.git -b stable

# បន្ថែមទៅ PATH (macOS)
echo 'export PATH="$PATH:$HOME/development/flutter/bin"' >> ~/.zshrc
source ~/.zshrc

# ឬ bash
echo 'export PATH="$PATH:$HOME/development/flutter/bin"' >> ~/.bashrc
source ~/.bashrc

✅ ជំហានទី 2: ផ្ទៀងផ្ទាត់ការដំឡើង

បើក Terminal/Command Prompt ហើយដំណើរការ:

flutter doctor

នឹងបង្ហាញរាយការណ៍អំពីអ្វីដែលបានដំឡើងនិងអ្វីដែលនៅខ្វះ:

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.16.0)
[✓] Android toolchain - develop for Android devices
[✓] Chrome - develop for the web
[✓] Visual Studio Code (version 1.85)
[✓] Connected device (1 available)
[✓] Network resources

📱 ជំហានទី 3: ដំឡើង Android Studio

  1. ទាញយក Android Studio ពី developer.android.com/studio
  2. ដំឡើង Android Studio
  3. បើក Android Studio → Configure → SDK Manager
  4. ដំឡើង:
    • Android SDK Command-line Tools
    • Android SDK Build-Tools
    • Android SDK Platform-Tools
    • Android Emulator
  5. ដំឡើង Flutter plugin:
    • File → Settings → Plugins
    • ស្វែងរក "Flutter" ហើយដំឡើង
    • ដំឡើង Dart plugin ផងដែរ

💻 ជំហានទី 4: ដំឡើង VS Code (Optional)

VS Code គឺជា Editor ស្រាលនិងពេញនិយម:

  1. ទាញយក VS Code ពី code.visualstudio.com
  2. ដំឡើង Extensions:
    • Flutter (Dart Code)
    • Dart
    • Flutter Widget Snippets
    • Awesome Flutter Snippets

📱 ជំហានទី 5: បង្កើត Android Virtual Device (Emulator)

  1. បើក Android Studio
  2. Tools → Device Manager
  3. ចុច "Create Virtual Device"
  4. ជ្រើសរើស Phone (eg: Pixel 6)
  5. ជ្រើសរើស System Image (eg: Android 13)
  6. ទាញយក បើមិនទាន់មាន
  7. Finish ហើយ AVD នឹងត្រូវបង្កើត

🧪 ជំហានទី 6: ធ្វើតេស្តដោយបង្កើត App ដំបូង

# បង្កើត Flutter project ថ្មី
flutter create my_first_app

# ចូលទៅក្នុង folder
cd my_first_app

# រត់ app
flutter run

🔍 ពាក្យបញ្ជាមានប្រយោជន៍

ពាក្យបញ្ជា មុខងារ
flutter doctor ពិនិត្យការដំឡើង Flutter
flutter create app_name បង្កើត project ថ្មី
flutter run រត់ app លើ emulator/device
flutter devices មើល devices ដែលមាន
flutter clean លុប build files
flutter pub get ទាញយក dependencies
flutter upgrade update Flutter ទៅ version ថ្មី

🎯 Hot Reload និង Hot Restart

នៅពេលកែកូដ អ្នកអាចប្រើ:

  • Hot Reload (r): ផ្ទុកឡើងវិញភ្លាមៗ រក្សា state
  • Hot Restart (R): ចាប់ផ្តើមឡើងវិញ state ត្រូវបាន reset
  • Quit (q): បិទ app

⚠️ ចំណាំ: បើ flutter doctor បង្ហាញ error អ្វីមួយ អ្នកត្រូវដោះស្រាយវាមុនពេលបន្ត។ ប្រើ flutter doctor -v សម្រាប់ព័ត៌មានលម្អិត។

📂 រចនាសម្ព័ន្ធ Flutter Project

my_first_app/
├── android/          # Android specific code
├── ios/              # iOS specific code  
├── lib/              # Dart code (main development)
│   └── main.dart     # Entry point
├── test/             # Test files
├── pubspec.yaml      # Dependencies & assets
└── README.md         # Project documentation

💡 ជំនួយ: ការដំឡើង Flutter អាចចំណាយពេល 30-60 នាទី។ ប្រសិនបើ internet យឺត អាចនឹងយូរជាងនេះ។ សូមអត់ធ្មត់!