ការដំឡើង 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:
- ទៅកាន់ https://flutter.dev
- ចុច "Get Started" → "Install" → "Windows"
- ទាញយក flutter_windows.zip
- Extract ទៅ C:\src\flutter (ចៀសវាង Program Files)
- បន្ថែម 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
- ទាញយក Android Studio ពី developer.android.com/studio
- ដំឡើង Android Studio
- បើក Android Studio → Configure → SDK Manager
- ដំឡើង:
- Android SDK Command-line Tools
- Android SDK Build-Tools
- Android SDK Platform-Tools
- Android Emulator
- ដំឡើង Flutter plugin:
- File → Settings → Plugins
- ស្វែងរក "Flutter" ហើយដំឡើង
- ដំឡើង Dart plugin ផងដែរ
💻 ជំហានទី 4: ដំឡើង VS Code (Optional)
VS Code គឺជា Editor ស្រាលនិងពេញនិយម:
- ទាញយក VS Code ពី code.visualstudio.com
- ដំឡើង Extensions:
- Flutter (Dart Code)
- Dart
- Flutter Widget Snippets
- Awesome Flutter Snippets
📱 ជំហានទី 5: បង្កើត Android Virtual Device (Emulator)
- បើក Android Studio
- Tools → Device Manager
- ចុច "Create Virtual Device"
- ជ្រើសរើស Phone (eg: Pixel 6)
- ជ្រើសរើស System Image (eg: Android 13)
- ទាញយក បើមិនទាន់មាន
- 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 យឺត អាចនឹងយូរជាងនេះ។ សូមអត់ធ្មត់!