Bài 2.1 : Hướng dẫn cài đặt Flutter trên Windows

Bài viết này mình sẽ hướng dẫn các bạn cách cài đặt Flutter trên Windows để có thể học lập trình Flutter cơ bản một cách đơn giản nhất.

Hướng dẫn cài đặt Flutter trên Windows
Hướng dẫn cài đặt Flutter trên Windows

Cài đặt Flutter trên Windows

Yêu cầu hệ thống

Để cài đặt và chạy được Flutter trên Windows bạn cần đáp ứng đủ yêu cầu hệ thống tối thiểu như sau:

  • Hệ điều hành: Windows 7 SP1 hoặc hơn (64-bit).
  • Disk Space: 1.64 GB (không bao gồm dung lượng dành cho IDE/tools).
  • Tools: Flutter cần 1 số công cụ để hoạt động.
    • Windows PowerShell 5.0 hoặc mới hơn (this is pre-installed with Windows 10)
    • Git for Windows 2.x, với tùy chọn Use Git from the Windows Command Prompt . Nếu bạn đã cài đặt Git cho Windows rồi thì cần chắc chắn là bạn có thể chạy lệnh git từ command prompt hoặc PowerShell.

Download Flutter SDK

1. Download phiên bản Flutter SDK mới nhất về máy.

Hoặc bạn có thể tìm những phiên bản SDK khác SDK Release

2. Giải nén file zip và lưu vào thư mục flutter ở vị trí bạn muốn lưu ví dụ (for example, C:\src\flutter)

Chú ý: Đường dẫn SDK không được chứa tiếng Việt, ký hiệu đặc biệt và khoảng trắng

Chú ý: Không được cài đặt SDK vào các thư mục ví dụ như C:\Program Files\  vì có có thể bị hạn chế quyền hạn

Nếu bạn đang sử dụng git thì có thể bỏ qua bước 1, 2 và clone từ Flutter repo trên GitHub và đổi branches hoặc tags nếu cần

C:\src>git clone https://github.com/flutter/flutter.git -b stable

Giờ bạn đã có thể thử dùng Flutter command trong Flutter console.

Update Environment path

Nếu như chỉ dừng lại ở bước trên thì bạn chỉ mới có thể sử dụng được Flutter command bằng cách trỏ đường dẫn tới thư mục bin hoặc mở cửa sổ Window Command Line từ thư mục flutter. Để có thể sử dụng Flutter Command trên Windows Command bạn cần thêm đường dẫn của thư mục flutter vào biến môi trường <strong>PATH</strong>.

  • Bạn nhấn Start và nhấn từ khóa ‘env’ và chọn Edit environment variables for your account.
  • Ở phần User variables bạn chọn vào mục Path
    • Nếu bạn thấy đã tồn tại flutter\bin thì kiểm tra xem đúng đường dẫn chưa và thêm ; để phân biệt với các biến khác
    • Nếu chưa có thì thêm mới vào

Sau khi thêm vào bạn tắt và mở lại cửa sổ console windows để kiểm tra xem đã thêm thành công chưa.

Chú ý : Từ bản Flutter 1.19.0 trở đi thì Flutter SDK đã chứa dart bên trong bạn không cần download Dart SDK nữa. Nhưng nếu bạn đã tải Dart SDK thì cần chắc chắn rằng dart version của Flutter SDK cần nằm trên Dart SDK trong biến PATH.

  C:\> where flutter dart
  C:\path-to-flutter-sdk\bin\flutter
  C:\path-to-flutter-sdk\bin\flutter.bat
  C:\path-to-dart-sdk\bin\dart.exe        :: this should go after `C:\path-to-flutter-sdk\bin\` commands
  C:\path-to-flutter-sdk\bin\dart
  C:\path-to-flutter-sdk\bin\dart.bat

Bạn thấy dòng chỉ dart sdk đang nằm trước dart của Flutter SDK nên bạn cần vào kiểm tra trong file PATH và cho C:\path-to-flutter-sdk\bin\ lên phía trên của C:\path-to-dart-sdk\bin\. Sau đó restart lại màn hình console và kiểm tra lại

where flutter dart
  C:\dev\src\flutter\bin\flutter
  C:\dev\src\flutter\bin\flutter.bat
  C:\dev\src\flutter\bin\dart
  C:\dev\src\flutter\bin\dart.bat
  C:\dev\src\dart-sdk\bin\dart.exe

Nếu như bạn dùng PowerShell, where là alias của Where-Object command, nên bạn thay thành where.exe

 where.exe flutter dart

Bạn có thể dùng lệnh dart -h để tìm hiểu thêm về dart tool

Run flutter doctor

Để kiểm tra xem đã cài đặt đủ các phần khác của Flutter chưa bạn có thể nhập lệnh vào màn hình console

C:\src\flutter>flutter doctor

Lệnh này sẽ kiểm tra môi trường và các thành phần phụ thuộc

Ví dụ:

[-] Android toolchain - develop for Android devices
    • Android SDK at D:\Android\sdk
    ✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
    • Try re-installing or updating your Android SDK,
      visit https://docs.flutter.dev/setup/#android-setup for detailed instructions.

Tùy vào kết quả trả về bạn cần làm theo và kiểm tra lại.

Android setup

Cài đặt Android Studio

  1. Download và cài đặt Android Studio.
  2. Chạy Android Studio và cài đặt theo “Android Studio Setup Wizard”. Chọn cài đặt Android SDK, Android SDK Command-line Tools, và Android SDK Build-Tools. Những thứ cần thiết để có thể lập trình Flutter.
  3. Chạy flutter doctor để kiểm tra xem Flutter đã xác định được nơi cài Android Studio chưa. Nếu vẫn chưa được thì bạn có thể chạy câu lệnh flutter config –android-studio-dir <directory>

Setup thiết bị Android

Để chạy ứng dụng Flutter để test trên thiết bị Android thật, thì cần thiết bị đó phải chạy bản Android từ 4.1 (API level 16) trở lên.

  1. Bật chế độ nhà phát triển hay Developer options và chọn tính năng USB debugging trên thiết bị.
  2. Cài đặt Google USB Driver.
  3. Sử dụng cáp USB để kết nối điện thoại và máy tính. Khi kết nối thành công sẽ có cửa sổ hiển thị chấp nhận kết nối tới máy tính trên điện thoại và bạn chọn xác nhận.
  4. Ở cửa sổ cmd bạn gõ flutter devices để kiểm tra xem đã nhận được thiết bị chưa

Setup máy ảo Android

  1. Bạn cần bật  VM acceleration trên máy của bạn
  2. Bật Android Studio và chọn vào AVD ManagerCreate Virtual Device…
  3. Chọn thông tin cho thiết bị và chọn Next
  4. Chọn image Android bạn cần và nên chọn bản image có x86 or x86_64 
  5. Dưới mục Emulated Performance chọn Hardware – GLES 2.0
  6. Quá trình download và Verify sẽ mất một ít thời gian và chọn Finish.

Cài đặt Flutter và Dart plugins cho Android Studio

  1. Mở menu File > Settings > Plugins
  2. Chọn Marketplace và tìm kiếm Flutter và Dart để cài đặt
  3. Sau khi cài đặt xong khởi động lại Android Studio

Trên đây là hướng dẫn cách cài đặt Flutter trên Windows

Nếu bạn muốn học Lập trình Flutter cơ bản có thể xem qua Lập trình Flutter cơ bản trên 1kho.info. Và theo dõi Fanpage 1Kho.info để theo dõi những bài mới nhất https://www.facebook.com/1kho.info

5 1 đánh giá
Đánh giá bài viết
Theo dõi
Thông báo của
guest
0 Góp ý
Phản hồi nội tuyến
Xem tất cả bình luận
0
Rất thích suy nghĩ của bạn, hãy bình luận.x