Được xem là bộ công cụ hữu ích, Expo Tool giúp các nhà phát triển dễ dàng viết các ứng dụng React Native mà không gặp bất kỳ sự phiền toái nào như khi cài đặt, cấu hình các phần mềm phụ trợ. Cùng tìm hiểu cách sử dụng tính năng của Expo Tool qua bài viết dưới đây nhé!
Bước 1: Cài đặt thư viện NODEJS
Nếu hiện version thì tức là đã cài rồi, có thể bỏ qua bước này. Nhưng nên cài để lấy version mới nhất: Sau đó tải phiên bản phù hợp vs hệ điều hành
* Lưu ý: chọn phiên bản có chữ Recommended
Sau khi cài xong, thì nhớ kiểm tra bằng câu lệnh node -v
Bước 2: Cài Expo
* Lưu ý: 1 số máy mac phải gõ thêm chữ sudo ở trc hoặc 1 số máy windows cần mở cmd bằng cách bấm chuột phải vào biểu tượng cmd chọn Run as Admin….
Bước 3: Tạo thư mục bất kì, tiến hành mở thư mục đó bằng câu lệnh CMD
- Windows: Tạo thư mục mới , mở thư mục, bấm chuột vào thanh địa chỉ, gõ cmd rồi bấm enter
- Macbook: bấm chuột phải vào thư mục chọn New Terminal
Khởi tạo dự án đầu tiên bằng câu lệnh: npx create-expo-app AwesomeProject. Để “AwesomeProject” là tên dự án sau đó chờ vài phút và làm theo hướng dẫn hiển thị trên cửa sổ cmd.
Đầu tiên, truy cập thư mục dự án bằng câu lệnh: cd tên-thư-mục. Expo cho phép chạy thử bằng 1 trong 3 câu lệnh:
- npm run web
- npm run ios
- npm run android
Tuy nhiên, để việc chạy trở nên dễ dàng nhất có thể, chúng ta nên sử dụng npm run web.
Khi gõ npm run web sẽ yêu cầu cài thêm 1 số thư viện như sau, copy lần lượt các câu lệnh vào cmd / terminal:
- npx expo install react-native-web@~0.18.10 [email protected]
- npx expo install @expo/webpack-config@^18.0.1
Sau khi cài xong thì gõ npm run web được kết quả như sau:
Trong bài hướng dẫn này, bạn đã học được cách sử dụng Expo Tool để nhanh chóng tạo ra một ứng dụng React Native. Đặc biệt, Expo là một cách hay để bắt đầu phát triển ứng dụng React Native vì nó loại bỏ sự cần thiết phải cài đặt nhiều phần mềm thường là nguyên nhân gây ra sự nhàm chán, đặc biệt là đối với người mới bắt đầu. Chúc các bạn sẽ thực hiện thành công!
Giảng viên Nguyễn Thị Loan
Bộ môn Công nghệ thông tin
Trường Cao đẳng FPT Mạng cá cược bóng đá cơ sở Hà Nội