0

Cài đặt Flutter với Visual Studio Code

Cài đặt Flutter với Visual Studio Code

Đối với tôi, Android Studio là một cơn ác mộng, ngay khi tôi khởi động nó thì chiếc máy tính của tôi bắt đầu trở nên ì ạch, quạt CPU quay hết công suất. Vì vậy tôi phải tìm cách cài đặt Flutter SDK mà không cần cài đặt Android Studio, cách làm cụ thể như sau.

cài đặt flutter visual studio code

Tất cả các lệnh trong bài hướng dẫn này được thực thi trên Command Prompt của hệ điều hành Windows – từ đây tôi sẽ gọi tắt là CMD, để chạy nó chỉ cần vào Start menu hoặc bấm đồng thời windows-key + R rồi gõ cmd

1. Tạo thư mục làm việc

Để giữ mọi thứ ở một nơi duy nhất, chúng ta sẽ tạo một thư mục làm việc chính, tôi chọn thư mục C:\Android, cần tránh tạo trong C:\Program Files vì liên quan đến quyền ghi file của hệ thống. Để làm việc này, bạn có thể sử dụng Files Explorer để tạo thư mục, hoặc dùng các lệnh sau ở cửa sổ CMD.

cd C:\
mkdir Android
cd Android

2. Cài đặt OpenJDK8

Tải xuống các tệp dành cho Windows từ url sau:
https://github.com/AdoptOpenJDK/openjdk8-binaries/release/doad/jdk8u202-b08/OpenJDK8U-jdk_x64_windows_hotspot_8u202b.

Các phiên bản khác có thể vào đây để lấy về: https://github.com/AdoptOpenJDK/openjdk8-binaries/release

Sau khi tải về, giải nén nó và đổi tên thư mục jdk8u202-b08, đổi tên thành openjdk rồi sao chép nó trong thư mục C:\Android\, đường dẫn của nó sẽ là:

C:\Android\openjdk

3. Cài đặt Flutter SDK

Tải xuống flutter sdk phiên bản mới nhất từ ​​url sau:
https://flutter.io/docs/get-started/install/windows
Giải nén nó và sao chép thư mục có tên tên là flutter vào thư mục C:\Android\, đường dẫn đầy đủ sẽ là:

C:\Android\flutter

4. Cài đặt công cụ dòng lệnh Android (Android command tools)

Tải xuống phiên bản Windows của các công cụ dòng lệnh Android từ url sau:
https://developer.android.com/studio/#command-tools
Giải nén nó và đổi tên thư mục tools thành sdk, sau đó sao chép nó vào thư mục C:\Android, đường dẫn đầy đủ sẽ là:

C:\Android\sdk

5. Đặt một số biến môi trường (Environment variables)

Chúng ta cần xác định một số biến môi trường để cho các công cụ trên biết cách liên lạc với nhau. Từ cửa sổ dòng lệnh (Command Prompt) chạy các lệnh này, từng cái một:

setx JAVA_HOME “C:\Android\openjdk”
setx ANDROID_HOME “C:\Android”
setx ANDROID_SDK_ROOT “C:\Android\sdk”
setx path “%path%;”C:\Android\sdk;C:\Android\sdk\bin;C:\Android\flutter\bin”

6. Tải xuống Android SDK

Như bạn có thể đã biết Flutter dựa trên Android SDK để hoạt động, vì vậy chúng tôi cần tải xuống system images, platform tools, build tools, platforms, và emulator (trình giả lập), bằng cách chạy các lệnh sau:

sdkmanager “system-images;android-28;default;x86_64”
sdkmanager “platform-tools”
sdkmanager “build-tools;28.0.3”
sdkmanager “platforms;android-28”
sdkmanager emulator

Lưu ý 1: Lúc tôi viết hướng dẫn này phiên bản mới nhất của các system-images là 28, nhưng tôi đã tải xuống phiên bản cũ hơn, vì vậy tôi có thể phát triển ứng dụng cho phạm vi rộng hơn của các phiên bản hệ điều hành Android, bạn có thể chạy lệnh sdkmanager --listđể xem các system-images có sẵn và chọn bất cứ thứ gì bạn muốn.

Lưu ý 2: Bạn cần chấp nhận bất kỳ giấy phép nào xuất hiện bằng cách nhấn y sau đó Enter, nếu không sẽ không thể tải xuống được bất cứ thứ gì.

7. Chấp nhận các giấy phép

Các file image sdk của Android có giấy phép cần được chấp nhận, bạn thực hiện điều đó bằng lệnh:

sdkmanager --licenses

Chỉ cần nhấn y sau đó Enter cho mỗi giấy phép.

8. Cấu hình Flutter

Cấu hình Flutter để biết đường dẫn của đường dẫn đến thư mục Android sdk

flutter config --android-sdk C:\Android\

9. Tạo Trình giả lập

Tạo một trình giả lập mới với tên nexus hoặc chọn tên bạn muốn:

avdmanager -s create avd -n nexus -k “system-images;android-28;default;x86_64”

Bấm trả lời với [no] cho các câu hỏi hiển thị.

10. Chạy trình giả lập

flutter emulators --launch nexus

11. Kiểm tra flutter đã cài đặt thành công chưa

flutter doctor -v

Lệnh này sẽ kiểm tra các thành phần cần thiết để flutter có thể hoạt động. Tất cả các mục hiện màu xanh lá cây là được, bỏ qua mục liên quan đến cài đặt Android Studio.

Máy tính của tôi hiển thị kết quả như hình ảnh sau đây:

Hướng dẫn cài đặt flutter với visual studio code

12. Kiểm tra flutter đã hoạt động được chưa

cd C:\Android\flutter\examples\hello_world
flutter run

13. Các lệnh liên quan đến trình giả lập

Chạy trình giả lập bằng lệnh emulator, nó được thực thi từ bên trong thư mục C:\Android\emulator

cd C:\Android\emulator
emulator -avd nexus

Lệnh này được sử dụng để xem thông báo lỗi nếu có.

Tạo trình giả lập dựa trên các thiết bị thực

avdmanager -s create avd -n latest -k “system-images;android-27;default;x86_64” -d 30

Bạn cần thay đổi 30 với bất kỳ id thiết bị nào khác, bạn có thể thấy tất cả các thiết bị có sẵn bằng lệnh:

avdmanager list device

Xóa trình giả lập đang tồn tại

avdmanager delete avd -n nexus

Liệt kê tất cả các trình giả lập ảo đã được tạo

avdmanager list avd

Để xem thêm các hướng dẫn khác, có thể dùng lệnh

avdmanager help

Bài viết được lược dịch từ https://medium.com/@quicky316/install-flutter-sdk-on-windows-without-android-studio-102fdf567ce4

hocbaicungcon

Leave a Reply

Your email address will not be published. Required fields are marked *