Cài đặt môi trường phát triển Flutter
1. Yêu cầu hệ thống
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
- OS: Windows 10 64-bit trở lên
- Dung lượng: ~2.8 GB
- Tools: Git for Windows, PowerShell 5.0+
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
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
macOS/Linux
# Clone Flutter SDK
git 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 terminal
source ~/.zshrcWindows
- 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
# Kiểm tra version
flutter --version
# Kiểm tra môi trường
flutter 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
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
- Tải Android Studio
- Mở Preferences → Plugins
- Cài plugin Flutter (auto-cài Dart)
5. Thiết lập Platform-specific
iOS (macOS only)
# Cài Xcode từ App Store
# Sau đó chạy:
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
sudo xcodebuild -runFirstLaunch
# Cài CocoaPods
sudo gem install cocoapodsAndroid
- 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 licenses
flutter doctor --android-licenses6. 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
# Tạo project mới
flutter create my_first_app
# Chạy app
cd my_first_app
flutter runNếu thấy app demo chạy thành công → Môi trường đã sẵn sàng! 🎉
📝 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
Last updated on