Hướng dẫn cài đặt React Native trên Windows – Phần 2

Ở phần 1 mình đã hướng dẫn cài Python, cài đặt react native, Jdk và Android Studio và môi trường rồi các bạn có thể xem ở đây. Nếu các bạn đã từng xem hướng dẫn ở nơi khác mà có cài React Native CLI thì xóa đi cho mình nhé. Nó là một phần gây ra lỗi đó, bằng các mở cmd dưới quyền admin và chạy lệnh ” npm uninstall -g react-native-cli “.

Cài máy ảo Android

Mình sẽ hướng dẫn các các bạn setup máy ảo Android Studio hoặc các bạn có thể cài Genymotion. Android Studio và Genymotion thì mình thấy Genymotion chạy nhẹ hơn đỡ giật lag nhưng giao diện không đẹp bằng Android Studio. Với lại cài Genymotion cũng lăng nhằng lắm.

Các bạn tạo một project Android Studio mới, nó cũng khá đơn giản thôi. Sau khi tạo xong bạn click vào biểu tượng như dưới ở thanh công cụ nhé.

Sau đó chọn tạo mới máy ảo, hình dưới bạn sẽ phải setup màn hình và loại máy ( nên chọn cái nào có Play Store nhé ) xong rồi next.

Cài đặt React Native trên Windows

Bước 1 : Đầu tiên mình sẽ tạo một forder lưu project là ” React_Native ” tại thanh đường dẫn mình gõ cmd, để chỏ cmd đến thư mục này.

Bước 2: Tại cmd gõ lệnh ” npx react-native init ShareCS ” để tạo project, sau init sẽ là tên project. Sau đó các bạn đợi cho nó setup project nhá.

Bước 3 : Trong thư mục project của mình hiện tại là “ShareCS” gõ lệnh ” npx react-native start ” để khởi động Metro Bundler. Tiếp theo bạn mở một tab cmd trong thư mục project nữa và chạy lệnh ” npx react-native run-android “.

Bước 4 : Tận hưởng thành quả wow :

Code React Native bằng gì ?

Có rất nhiều IDE hỗ trợ nhưng phổ biến nhất vẫn là Vscode và Atom. Việc cài đặt không có gì khác và mình thấy có rất nhiều trang hướng dẫn rồi nên mình sẽ không hướng dẫn lại nữa. Nhớ để lại ý kiến của các bạn cũng như những khó khăn trong quá trình cài nhé. Mình sẽ hướng dẫn trong tầm hiểu biết của mình.

Cảm ơn các bạn đã ghé thăm. Chúc các bạn thành công!