🛠️ Cài đặt môi trường
1. Yêu cầu hệ thống
Phần tiêu đề “1. Yêu cầu hệ thống”macOS
Phần tiêu đề “macOS”- OS: macOS 10.14 (Mojave) trở lên
- Dung lượng: ~2.8 GB (không bao gồm IDE)
- Tools:
git2.x
Windows
Phần tiêu đề “Windows”- OS: Windows 10 64-bit trở lên
- Dung lượng: ~2.8 GB
- Tools: Git for Windows, PowerShell 5.0+
Linux
Phần tiêu đề “Linux”- OS: Ubuntu 20.04+, Fedora, hoặc tương đương
- Dung lượng: ~2.8 GB
- Thư viện: các thư viện chia sẻ cần thiết
2. Cài đặt Flutter SDK
Phần tiêu đề “2. Cài đặt Flutter SDK”Cách 1: Quick Start (Khuyến nghị)
Phần tiêu đề “Cách 1: Quick Start (Khuyến nghị)”Sử dụng VS Code extension để cài đặt tự động:
- Mở VS Code
- Cài extension Flutter từ marketplace
- Mở Command Palette (
Cmd+Shift+P/Ctrl+Shift+P) - Gõ
Flutter: New Project - Làm theo hướng dẫn tự động cài Flutter SDK
Cách 2: Cài đặt thủ công
Phần tiêu đề “Cách 2: Cài đặt thủ công”macOS/Linux
Phần tiêu đề “macOS/Linux”# Clone Flutter SDKgit clone https://github.com/flutter/flutter.git -b stable
# Thêm vào PATH (thêm vào ~/.zshrc hoặc ~/.bashrc)export PATH="$PATH:$HOME/flutter/bin"
# Reload terminalsource ~/.zshrcWindows
Phần tiêu đề “Windows”- Tải Flutter SDK từ flutter.dev
- Giải nén vào thư mục (ví dụ:
C:\src\flutter) - Thêm
C:\src\flutter\binvào PATH
3. Kiểm tra cài đặt
Phần tiêu đề “3. Kiểm tra cài đặt”# Kiểm tra versionflutter --version
# Kiểm tra môi trườngflutter doctorKết quả mong đợi:
Doctor summary (to see all details, run flutter doctor -v):[✓] Flutter (Channel stable, 3.x.x)[✓] Android toolchain[✓] Xcode (macOS only)[✓] Chrome[✓] VS Code4. Cài đặt IDE
Phần tiêu đề “4. Cài đặt IDE”VS Code (Khuyến nghị)
Phần tiêu đề “VS Code (Khuyến nghị)”- Tải VS Code
- Cài extensions:
- Flutter (bao gồm Dart)
- Dart
Các extensions hữu ích khác:
- Awesome Flutter Snippets
- Flutter Widget Snippets
- Bracket Pair Colorizer
Android Studio
Phần tiêu đề “Android Studio”- Tải Android Studio
- Mở Preferences → Plugins
- Cài plugin Flutter (auto-cài Dart)
5. Thiết lập Platform-specific
Phần tiêu đề “5. Thiết lập Platform-specific”iOS (macOS only)
Phần tiêu đề “iOS (macOS only)”# Cài Xcode từ App Store# Sau đó chạy:sudo xcode-select --switch /Applications/Xcode.app/Contents/Developersudo xcodebuild -runFirstLaunch
# Cài CocoaPodssudo gem install cocoapodsAndroid
Phần tiêu đề “Android”- Cài Android Studio (nếu chưa có)
- Mở SDK Manager → Cài Android SDK
- Tạo Android Virtual Device (AVD)
# Chấp nhận licensesflutter doctor --android-licenses6. Kiểm tra lại với Flutter Doctor
Phần tiêu đề “6. Kiểm tra lại với Flutter Doctor”flutter doctor -vXử lý các warning phổ biến:
| Issue | Giải pháp |
|---|---|
| Android license not accepted | flutter doctor --android-licenses |
| Xcode không tìm thấy | Cài Xcode từ App Store |
| CocoaPods not installed | sudo gem install cocoapods |
| Chrome not found | Cài Chrome browser |
7. Tạo ứng dụng test
Phần tiêu đề “7. Tạo ứng dụng test”# Tạo project mớiflutter create my_first_app
# Chạy appcd my_first_appflutter runNếu thấy app demo chạy thành công → Môi trường đã sẵn sàng! 🎉
📝 Tóm tắt
Phần tiêu đề “📝 Tóm tắt”- Cài Flutter SDK qua git clone hoặc VS Code extension
- Chạy
flutter doctorđể kiểm tra môi trường - Cài VS Code + Flutter extension (khuyến nghị)
- Setup Xcode (cho iOS) và Android Studio (cho Android)
- Test bằng
flutter createvàflutter run