Home Lập trình di độngFlutter Hướng dẫn cài đặt Flutter

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

by Khanh Tran

Flutter là bộ công cụ UI của Google dùng để xây dựng các ứng dụng đẹp, được biên dịch nguyên bản cho các thiết bị di động, web và máy tính để bàn từ một mã cơ sở duy nhất. Trong bài này mình sẽ hướng dẫn cài đặt Flutter.

Với Flutter, bạn có thể xây dựng một ứng dụng đẹp, tính tùy biến cực cao, hiệu năng mượt mà. Đặc biệt, với tính năng Hot reload, bạn có thể xem được sự thay đổi chỉ trong vài mili giây.


Với những ưu điểm như vậy, còn chần chừ gì nữa mà không học ngay Flutter nào.

Cài đặt Flutter cho Windows

Đầu tiên, bạn truy cập vào flutter.dev, chọn Get started. Sau đó chọn hệ điều hành mà bạn đang sử dụng. Ở đây do mình không có điều kiện nên mình chỉ có thể hướng dẫn cài đặt flutter trên Windows thôi. Do đó mình sẽ chọn Windows.

Yêu cầu hệ thống

Để cài đặt Flutter thì máy tính của bạn cần đáp ứng những yêu cầu sau đây:

  • Windows 7 SP1 hoặc mới hơn (64-bit).
  • Dung lượng trống 400MB (không bao gồm dung lượng cho phần IDE/tools).
  • Các công cụ: Flutter phụ thuộc vào các công cụ có sẵn trong máy tính của bạn:
    • PowerShell 5.0 hoặc mới hơn (cái này đã được tích hợp sẵn vào Windows 10).
    • Git cho Windows 2.x, với tùy chọn chạy câu lệnh git từ cửa sổ lệnh Windows Command Prompt. (Nếu Git đã được cài, hãy chắc chắn rằng bạn có thể chạy câu lệnh git từ cửa sổ lệnh Windows Command Prompt).

Tiến hành cài đặt

Các bản tải về flutter SDK. Sau khi tải về xong, các bạn giải nén file vừa tải về (tùy chọn Extract here) ta sẽ được một thư mục tên là flutter. Các bạn hãy để thư mục này vào một nơi nào đó mà bạn muốn.

Bây giờ bạn đã sẵn sàng để chạy lệnh Flutter Console. Nhưng để có thể chạy lệnh flutter từ Command Prompt, bạn nên cập nhật đường dẫn. Các bước thực hiện như sau:

  • Click phải chuột vào This PC, chọn Properties
  • Chọn Advanced system settings (gần phía trên bên trái) trong cửa sổ System.
  • Chọn Enviroment Variables… trong cửa sổ System Properties.
  • Trong phần User variables, các bạn tìm Variable là PATH và nhấn Edit, nhấn New và thêm đường dẫn đến thư mục “flutter\bin”. Ví dụ của mình là “C:\flutter\bin”. Nếu như bạn không tìm thấy Variable PATH bạn nhấn New và đặt tên Variable là PATH và đường dẫn đến thư mục flutter\bin của bạn.
  • Nhấn OK để lưu tất cả các thay đổi lại.
Hình 1: Cập nhật đường dẫn
Hình 2: Cập nhật đường dẫn

Vậy là bạn đã có thể chạy lệnh flutter từ Command Prompt rồi. Giờ hãy check thử xem nào. Mở Command Prompt lên và chạy lệnh “flutter –version”. Nếu như nó hiện lên thông tin Flutter, framwork, dart version… thì bạn đã cài thành công.

Hình 3: Cài đặt thành công flutter

Tiếp theo, chúng ta sẽ phải cài đặt Plugins cho IDE để code với Flutter.

Google hỗ trợ bạn hai IDE đó là Android Studio và Visual Studio Code.

Để tạo một máy ảo Android Studio, các bạn làm theo các bước sau:

  1. Khởi động Android Studio
  2. Vào menu Configure và chọn AVD Manager
  3. Chọn Create Virtual Device
  4. Chọn một thiết bị và nhấn Next
  5. Các bạn chọn một image x86 hoặc x86_64 đều được (khuyến khích bản mới nhất – nếu không có sẵn thì bạn nhấn Download và đợi một chút để nó tải image đó) sau đó nhấn Next
  6. Trong phần Graphics, bạn chọn Hardware – GLES 2.0. Bạn có sửa các tùy chọn khác nếu muốn và nhấn Finish để tạo máy ảo.
  7. Nhấn nút ▶ để chạy máy ảo vừa tạo.

Tiếp theo, chúng ta tiến hành cài đặt VS Code https://code.visualstudio.com/

Sau khi cài đặt xong VS Code chúng ta cài đặt extentions flutter cho VS Code:

  1. Mở Visual Studio Code
  2. Vào tab Extentions trên thanh sidebar bên trái
  3. Search “flutter”, các bạn nhấn Install plugin đầu tiên của kết quả tìm kiếm. Khác với Android Studio, khi cài plugin Flutter thì plugin Dart cũng sẽ được tự cài theo mà không cần bạn xác nhận.

Chúc các bạn thành công!

You may also like

Leave a Comment