Cách tạo project Flutter đầu tiên và giải thích cấu trúc thư mục

Sau khi cài đặt Flutter, bước tiếp theo là tạo project đầu tiên. Bài viết này sẽ hướng dẫn bạn tạo project và hiểu rõ cấu trúc thư mục.

Tạo project Flutter

Cách 1: Sử dụng Flutter CLI

[object Object]

Cách 2: Sử dụng VS Code

1. Mở VS Code
2. Nhấn Ctrl+Shift+P (hoặc Cmd+Shift+P trên Mac)
3. Gõ "Flutter: New Project"
4. Chọn "Application"
5. Chọn thư mục và đặt tên project

Cách 3: Sử dụng Android Studio

1. Mở Android Studio
2. Click New Project
3. Chọn Flutter
4. Chọn Flutter Application
5. Điền thông tin project

Cấu trúc thư mục Flutter

Tổng quan:

[object Object]

Chi tiết từng thư mục

1. lib/ - Code chính

[object Object]

main.dart là file bắt đầu của ứng dụng:

[object Object]

2. test/ - Unit Tests

[object Object]

File test mặc định:

[object Object]

3. android/ - Android Native

[object Object]

Khi nào cần chỉnh sửa:

• Thêm permissions
• Cấu hình signing
• Thêm native plugins

4. ios/ - iOS Native

[object Object]

Khi nào cần chỉnh sửa:

• Thêm permissions
• Cấu hình signing
• Thêm native plugins

5. web/ - Web Code

[object Object]

6. pubspec.yaml - Dependencies

[object Object]

Giải thích:

• name: Tên package
• version: Version của app
• dependencies: Packages cần thiết
• dev_dependencies: Packages cho development
• flutter: Flutter-specific config

File quan trọng

1. pubspec.yaml

Quản lý dependencies và assets:

[object Object]

2. .gitignore

Files không cần commit:

[object Object]

3. analysis_options.yaml

Cấu hình linter:

[object Object]

Tổ chức code trong lib/

Cấu trúc đề xuất:

[object Object]

Ví dụ:

[object Object]

Best Practices

1. Tổ chức code

✅ Nên: Tách code thành modules
❌ Không nên: Để tất cả trong main.dart

2. Naming conventions

✅ Nên:

• Files: snake_case.dart
• Classes: PascalCase
• Variables: camelCase

3. Imports

✅ Nên: Group imports

[object Object]

Kết luận

Hiểu cấu trúc project Flutter:

• ✅ lib/: Code chính của app
• ✅ test/: Unit tests
• ✅ android/ios/web/: Native code cho từng platform
• ✅ pubspec.yaml: Quản lý dependencies

Tóm tắt:

1. Tạo project: flutter create project_name
2. Cấu trúc: Hiểu từng thư mục
3. Tổ chức code: Tách thành modules
4. Best practices: Follow conventions

Hiểu rõ cấu trúc sẽ giúp bạn phát triển app hiệu quả hơn! 🚀

---

Tác giả: Admin
Ngày đăng: 16/02/2025
Chuyên mục: Flutter