Flutter là gì? Cách cài đặt flutter

1.Flutter là gì?

Flutter là một bộ SDK do google xây dựng và phát hành phiên bản đầu tiên vào những năm 2018-2019 nhằm mục đích xây dựng các ứng dụng di động.

Mặc dù google đã có bộ SDK Android sử dụng 2 ngôn ngữ lập trình Java và Kotlin nhưng bộ SDK này gặp vấn đề là ứng dụng xây dựng nên chỉ sử dụng được cho hệ điều hành Android của các thiết bị di động vậy nên Flutter được ra đời nhằm khắc phục yếu điểm trên. 1 lần code Flutter chúng ta có thể xây dựng được 2 ứng dụng Android và IOS (app trên Iphone).

Hiện tại Flutter đã đang ở phiên bản 3.x.x và đã có những bước tiến vượt bậc với Flutter chúng ta có thể xây dựng các ứng dụng IOS, Android, các Website, các phần mềm trên hệ điều hành Windows của máy tính và cả các ứng dụng trên hệ điều hành Linux

Vì sức mạnh của mình nên Flutter đang hà một ngành lập trình “hot trend”  trong những năm gần đây và mức lương cũng như nhu cầu nhân sự ở Việt Nam rất cao. Vậy để học được Flutter hôm nay mình sẽ hướng dẫn mọi người cài đặt Flutter và Android studio để lập trình Flutter

2.Cài đặt Flutter

Ở bài viết này mình sẽ hướng dẫn mọi người cài đặt Flutter trên hệ điều hành Windows cho thông dụng. Những ai sử dụng các hệ điều hành khác mình sẽ để đường dẫn để mọi người truy cập và tìm hiểu thêm.

+ Tải Flutter: Mọi người truy cập vào đường dẫn https://flutter.dev/ để vào trang chủ Flutter. Sau đó vào Get Stated để bắt đầu.

Mọi người chọn vào hệ điều hành mình đang sử dụng để cài đặt. Mình sẽ chọn vào Windows.

Flutter hiện tại ở phiên bản 3.3.9 yêu cầu hệ điều hành Windows 10, dung lượng bộ nhớ để cài đặt là 1.7 GB ( chưa kể phần dung lượng đẻ lưu IDE và máy ảo)

Mọi người bấm vào phiên bản ở đây để tải về file zip của phiên bản mới nhất của Flutter

Nếu muốn cài đặt các phiên bản khác của Flutter các bạn chọn vào SDK releases để chuyển qua trang chứa các phiên bản khác của Flutter và cũng tải phiên bản các bạn muốn tương tự.

+ Cài đặt Flutter: Mọi người giải nén File Zip vừa tải về

Được folder tên flutter. Mọi người copy folder vào ổ C ( có thể tạo 1 folder để lưu folder này)

Mọi người truy cập vào folder flutter truy cập vào folder bin

Copy đường dẫn vào folder này để chúng ta tiến hành cập nhật môi trường Flutter cho máy tính

Mọi người vào phần tìm kiếm dưới thanh công cụ của windows gõ vào đó environment để tìm phần cài đặt môi trường

Trong cửa sổ system properties mọi người chọn vào Environments Variables. Ở đây sẽ có 2 phần cài đặt Variables cho Addmin và cho system. Chúng ta tiến hành cài đặt cho cả 2.

Chọn vào path chọn vào edit để mở cửa sổ edit environment variable.

Chúng ta chọn vào new và copy đường dẫn tới folder bin của Flutter và chọn ok để lưu lại. Sau đó nhấn apply -> ok rồi thoát.

Các bạn gõ vào phần tìm kiếm của Windows gõ CMD để mở command prompt ở đây các bạn gõ lệnh flutter – – version

Thấy hiện ra phiên bản của flutter vậy là các bạn đã cài đặt Flutter thành công

3. Cài đặt android studio và flutter trong android studio

Để lập trình Flutter chúng ta cần 1 IDE ( nơi viết code tương tự như dùng Microsoft Word để viết văn bản). 2 IDE phổ biến để lập trình Flutter gồm có VSCode của Microsoft phát triển có ưu điểm là nhẹ phù hợp cho những ai có máy yếu. IDE thứ 2 là Android Studio là một IDE chuyên về lập trình mobile Android và cũng support lập trình Flutter. Ở bài viết này mình sẽ hướng dẫn mọi người cài dặt Android Studio vì Android Studio hỗ trợ nhiều hơn cho những ai lập trình mobile so với VSCode.

+ Tải Android Studio:  https://developer.android.com/studio mọi người truy cập vào đường dẫn sau rồi tải bản cài đặt của Android Studio về

+ Chạy bản cài đặt lựa chọn nơi lưu Android studio và nhấn next là được.

Giao diện sau khi cài đặt xong Android Studio.

Để có thể sử dụng được Flutter chúng ta cần cài đặt Plugins Flutter.

Các bạn chọn vào Plugins chọn vào tab MarketPlace rồi gõ tìm kiếm Flutter để cài đặt Plugin Flutter.

Các bạn chọn Install khi này IDE sẽ gợi ý  các bạn cài đặt thêm Dart là ngôn ngữ lập trình của Flutter. Các bạn chọn đồng ý để cài dặt. Sau khi cài đặt thành công khởi động lại IDE để cập nhật Plugin

IDE hiện thỉ nút chọn “New Flutter Project” vậy là các bạn đã cài đặt thành công Flutter cho Android Studio