Flutter là gì? Lập trình ứng dụng di động đa nền tảng

Flutter là gì? Lập trình ứng dụng di động đa nền tảng

Flutter là gì?

Flutter là bộ công cụ UI của Google để tạo các ứng dụng, được biên dịch nguyên bản cho thiết bị di động, web và máy tính để bàn từ một mã nguồn duy nhất. Đặc biệt là Flutter hỗ trợ hot reload, có nghĩa là sự thay đổi khi code của bạn sẽ được cập nhật ngay tức thời mà không cần phải chạy lại như một số công cụ khác.

Để bắt đầu, bạn cần truy cập vào trang chủ Flutter https://flutter.dev/docs/get-started/install

Cài đặt Flutter trên Windows

Yêu cầu hệ thống

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

Nhấn vào hệ điều hành mà bạn đang sử dụng, ở đây là Windows

flutter la gi

Tại đây, nếu bạn đã làm việc với Git thì có thể clone về. Còn không thì tải bản mới nhất (có dạng flutter_windows_xxx-stable.zip) về sau đó giải nén tại một thư mục nào đó dễ tìm.

cai dat flutter

Ví dụ, mình sẽ giải nén thư mục vào ổ C:\\ và đường dẫn đầy đủ là C:\\flutter\bin. Bây giờ, để gọi được lệnh flutter trong Command Promtp (CMD) ta cần thực hiện các bước như sau:

  1. Click chuột phải vào This PC > Properties
  2. Chọn Advanced system settings
  3. Chọn Enviroment Variables

Vậy là xong, từ bây giờ bạn đã có thể gọi được flutter từ CMD rồi. Bây giờ, hãy thử mở CMD và gõ lệnh flutter doctor xem sao.

Cài đặt Flutter trên MacOS

Yêu cầu hệ thống

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

Nhấn vào hệ điều hành mà bạn đang sử dụng, ở đây là iOS

Tại đây, nếu bạn đã làm việc với Git thì có thể clone về. Còn không thì tải bản mới nhất (có dạng flutter_macos_xxx-stable.zip) về sau đó giải nén tại một thư mục nào đó dễ tìm.

Mở terminal lên và nhập:

cd ~/development
unzip ~/Downloads/flutter_macos_1.22.5-stable.zip

Hãy chắc chắc rẳng sau khi giải nén, đường dẫn thư mục flutter chính xác bằng cách gõ lệnh:

cd ~/development/flutter/bin

Bây giờ, để sử dụng bạn cần phải đặt path cho flutter bằng cách gõ lệnh:

sudo vi /etc/paths

Sau đó bạn có thể kéo thư mục “bin” vào terminal hoặc là nhập đường dẫn của flutter

~/development/flutter/bin

hoặc là

/Users/username của bạn/development/flutter/bin

Để lưu lại, các bạn nhấn nút ESC, sau đó nhập :wq và nhấn Enter. Sau khi đã lưu thành công, hãy khởi động lại máy!

Chạy ứng dụng đầu tiên

Phần mềm code

– Mình khuyên các bạn nên sử dụng Visual Studio Code để sử dụng, và trong bài hướng dẫn này mình cũng sẽ sử dụng nó.

Tạo dự án đầu tiên

– Sau khi mở Visual Studio Code lên, sẽ trong nó như thế này

– Tạo dự án mới bằng cách nhấn tổ hợp phím:

  • MacOS: Command + Shift + P
  • Windows: Windows + Shift + P

– Sau khi thanh tìm kiếm xuất hiện, các bạn nhập vào từ khoá flutter và chọn Flutter: New Application Project

– Tiếp theo các bạn chọn thư mục lưu trữ dự án này và nhập tên dự án không dấu hay kí tự đặc biệt, sẽ mất một lúc để khởi tạo thành công.

Khởi chạy ứng dụng

– Nếu sau khi tạo, bạn có kết quả như hình dưới có nghĩa đã khởi tạo thành công dự án

– Nếu bạn đang sử dụng Windows, hãy xem qua bài viết này để khởi tạo trình giả lập Android (Hướng dẫn sử dụng Android Studio)

– Để mở trình giả lập, các bạn nhấn vào nút Device gói phải dưới màn hình

– Sau đó chọn thiết bị giả lập mà bạn đã tạo, đang kết nối với máy tính hoặc tạo mới

– Tajo

0 0 đánh giá
Đánh giá bài viết
0
Firebase là gì? Những thư viện đang hỗ trợ trong Flutter
Nhận thông báo
Thông báo khi
0 Bình luận
Inline Feedbacks
View all comments