Sau mấy hôm lỗi lên lỗi xuống do cài đặt không được, cuối cùng thì mình cũng tìm được nguyên nhân. Do đó những bạn nào còn chưa cài được thì nay mình sẽ hướng dẫn cài đặt React Native trên windows. Do những bài trên mạng và youtube đã cũ nếu các bạn cài theo sẽ gặp lỗi rất chi là nhiều. Mình sẽ cố gắng cập nhật liên tục bài viết khi có sự thay đổi cài đặt React Native để không bị lỗi.
Giới thiệu
Ở bài này mình sẽ chú tâm vào việc cài đặt React Native trên windows setup môi trường máy ảo không phải dùng Expo. Những thứ mà mình cài đặt sẽ bao gồm như: Python, React Native, Jdk và Android Studio, Vscode hoặc Atom.
Cài đặt Node, Python, Jdk
Mình khuyên các bạn không nên tìm riêng lẻ cài đặt từng cái. Mình sẽ cài đặt cả 3 cái cùng lúc bằng cmd nhờ vào thằng Choco. Thực chất choco chỉ là một trình quản lý của windows thôi.
Để cài đặt các bạn mở cmd dưới quyền administrator bằng cách: Nhấn tổ hợp windows + S tìm kiếm cmd chuột phải vào và run bằng administrator. Tiếp theo nhập lệnh bên dưới vào cmd để tiến hành cài đặt ( mặc định sẽ cài vào ổ C nhé ):
@"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "[System.Net.ServicePointManager]::SecurityProtocol = 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"
Với những bạn nào đã cài python rồi thì có thể bỏ python3 trong lệnh bên dưới. Muốn cài bản mới nhất của python thì giữ nguyên.
choco install -y nodejs.install python3 openjdk8
Nếu bạn đã cài đặt Node, hãy đảm bảo rằng đó là Node 10 hoặc mới hơn (bản mới nhất mình cài là v14.8.0). Nếu bạn đã có JDK, hãy chắc chắn rằng nó là phiên bản 8 hoặc mới hơn. Để kiểm tra bản Node hiện tại bạn gõ lện Node -v trong cmd.
Note : Để chắc chắn cho quá cài đặt React Native trên windows mình sẽ phải kiểm tra biến môi trường. Nếu làm như mình bên trên thì biến môi trường sẽ tự setup. Sau đó kiểm tra xem đã có JAVA_HOME, có Python27, JDK8 trong Path chưa.
Cài đặt môi trường phát triển Android
Cài đặt Android cũng hơi chán một chút và mất thời gian. Nhưng nếu bạn cài rồi thì vẫn phải chú ý đến một số thư trong cấu hình.
Cài đặt Android Studio
Tải bản mới nhất dưới đây tại trang chủ Android, cài mấy cái này nặng lắm đó đảm bảo ổ C bạn còn trên 10GB nhé. Mình thì cài hết sang ổ D.
Cài đặt các bạn cứ next thôi nhé cái này cũng dễ.
Sau khi cài xong và chạy lần đầu nó sẽ hiển thị như dưới nhé.
Cài đặt Android SDK
Android Studio cài đặt SDK Android mới nhất theo mặc định. Nhưng việc xây dựng một ứng dụng React Native bạn phải cài bản Android 10 (Q) đặc biệt yêu cầu SDK. SDK Android bổ sung có thể được cài đặt thông qua Trình quản lý SDK trong Android Studio.
Mở Android Studio, chọn “Configure” và chọn “SDK Manager“.
Hoặc các bạn có thể vào File ➢ Settings ➢ System Settings ➢ Android SDK. Sau đó chọn Android 10 (Q) và chọn thêm:
﹢ Android SDK Platfrom 29
﹢ Intel x86 Atom_64 System Image hoặc Google APIs Intel x86 Atom System Image
Chuyển sang tab ” SDK Tools ” trong mục “Android SDK Build-Tools” chắc chắn rằng mục 29.0.2 đã tích nhé.
❶ Mình cài sang ổ D vì nó nặng lắm, khi các bạn thay ổ nó sẽ bắt các bạn cài lại một số thứ như hình ” instart android studio “. Cuối cùng nhấn Apply và đồng ý các điều khoản của nó.
Cài đặt biến môi trường ANDROID_HOME
Cách mở cài đặt như hình ” cài đặt môi trường react native ” ở trên nhé. Xong chỏ đến Android/Sdk của bạn ( đường dẫn như chỗ ❶ hình ngay trên ⇧ ) . Tiếp theo nhìn hình làm cho dễ nhé :
Khi đã xong ở phần System Variable ➤ Path :
Thế là cài đặt React Native trên Windows đã xong được hơn nửa rồi đó. Ở phần tiếp theo mình sẽ hướng dẫn các bạn cài máy ảo và tạo project Tại đây .
Cảm ơn các bạn đã ghé thăm. Chúc các bạn thành công!
