Sharecs.net
  • Trang chủ
  • Kho Tài Liệu – Báo Cáo
  • Thủ Thuật
    • Thủ thuật máy tính
      • Windows
      • MacOS
      • Linux
    • Thủ thuật internet
    • Thủ thuật phần mềm
  • Lỗi máy tính
    • Lỗi internet
    • Lỗi windows
    • Lỗi phần mềm
  • Lập Trình
    • Lập Trình Java
    • Lập trình Python
    • Lập Trình React Native
    • Code Hay
  • Linh Tinh
    • PhotoShop
    • Tải Video Wallpaper
    • Kho Tools
      • Cân Bằng Phương Trình Hóa Học
      • Custom Css Scrollbar – Render Code
      • Tạo Kí Tự Đặc Biệt Online
      • Tạo Deep Link
    • Tài Liệu – Luận Văn – Báo Cáo
    • Kho Theme Website WordPress
    • Phần Mềm
No Result
View All Result
  • Trang chủ
  • Kho Tài Liệu – Báo Cáo
  • Thủ Thuật
    • Thủ thuật máy tính
      • Windows
      • MacOS
      • Linux
    • Thủ thuật internet
    • Thủ thuật phần mềm
  • Lỗi máy tính
    • Lỗi internet
    • Lỗi windows
    • Lỗi phần mềm
  • Lập Trình
    • Lập Trình Java
    • Lập trình Python
    • Lập Trình React Native
    • Code Hay
  • Linh Tinh
    • PhotoShop
    • Tải Video Wallpaper
    • Kho Tools
      • Cân Bằng Phương Trình Hóa Học
      • Custom Css Scrollbar – Render Code
      • Tạo Kí Tự Đặc Biệt Online
      • Tạo Deep Link
    • Tài Liệu – Luận Văn – Báo Cáo
    • Kho Theme Website WordPress
    • Phần Mềm
No Result
View All Result
Sharecs.net
No Result
View All Result
Home Thủ Thuật Thủ thuật phần mềm

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

by Nguyễn Tuấn
14/11/2020

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.

Mục Lục

  • Giới thiệu
  • Cài đặt Node, Python, Jdk
  • Cài đặt môi trường phát triển Android
    • Cài đặt Android Studio
    • Cài đặt Android SDK
    • Cài đặt biến môi trường ANDROID_HOME

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
cài đặt react native
cài đặt nodejs, python và jdk

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 react native
cài đặt môi trường react native
cai dat moi truong react native
cài đặt môi trường react native

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.

Download Android Studio

Cài đặt các bạn cứ next thôi nhé cái này cũng dễ.

cài đặt android studio
cài đặt android studio
cài đặt android studio
cài đặt android studio

Sau khi cài xong và chạy lần đầu nó sẽ hiển thị như dưới nhé.

cài android studio.jpg
cài android studio
setup android studio
setup android studio
instart android studio
instart android studio

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“.

cai SDK Manager Android Studio
cài SDK Manager Android Studio

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é.

setup moi truong androi
cài đặt React Native trên windown
Hướng dẫn cài đặt React Native trên Windows - Phần 1 14

❶  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é :

cài đặt môi trường android Sdk
cài đặt môi trường android Sdk

Khi đã xong ở phần System Variable ➤ Path :

cài đặt môi trường android sdk
cài đặt môi trường android Sdk

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!

4.6/5 - (8 bình chọn)
Tags: cài đặt React Native trên Windownlập trình react native
ShareSendTweetShare

Cùng chuyên mục

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

Hướng Dẫn React Native Build apk File

14/11/2020
13.5k
Hướng dẫn cài đặt React Native trên Windows – Phần 1

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

14/11/2020
2.2k
Load More
Subscribe
Notify of
guest

guest

0 Comments
Inline Feedbacks
View all comments

Tài nguyên

Cân bằng phương trình phản ứng hóa

Tạo deep link

Custom Css Scrollbar – Render Code

Bài Viết Nổi Bật

  • Bài Tập Code Python Đơn Giản Có Lời Giải – Phần 1

    Bài Tập Code Python Đơn Giản Có Lời Giải – Phần 1

    1 shares
    Share 0 Tweet 0
  • Download Video Wallpaper Agatsuma Zenitsu – Anime Kimetsu No Yaiba

    45 shares
    Share 0 Tweet 0
  • Trắc Nghiệm Mạng Máy Tính Phần 3 Có Đáp Án

    0 shares
    Share 0 Tweet 0
  • 500 Câu Trắc Nghiệm Mạng Máy Tính Phần 1 Có Đáp Án

    0 shares
    Share 0 Tweet 0
  • Hướng Dẫn React Native Build apk File

    0 shares
    Share 0 Tweet 0
  • Trending
  • Comments
  • Latest
Download Video Wallpaper Agatsuma Zenitsu – Anime Kimetsu No Yaiba

Download Video Wallpaper Agatsuma Zenitsu – Anime Kimetsu No Yaiba

19/02/2023
Bài Tập Code Python Đơn Giản Có Lời Giải – Phần 1

Bài Tập Code Python Đơn Giản Có Lời Giải – Phần 1

31/08/2020
500 Câu Trắc Nghiệm Mạng Máy Tính Phần 1 Có Đáp Án

500 Câu Trắc Nghiệm Mạng Máy Tính Phần 1 Có Đáp Án

23/08/2021
Hướng dẫn cài đặt React Native trên Windows – Phần 1

Hướng Dẫn React Native Build apk File

14/11/2020
Thư viện đồ họa trong Python – Source Code Bắn Pháo Hoa

Thư viện đồ họa trong Python – Source Code Bắn Pháo Hoa

18/03/2023
Chia sẻ quá trình để xây dựng 1 group Facebook cho newbie

Chia sẻ quá trình để xây dựng 1 group Facebook cho newbie

18/03/2023
Tính tổng – Two Sum Leetcode

Tính tổng – Two Sum Leetcode

14/03/2023
So sánh If Else và Switch Case

So sánh If Else và Switch Case

21/02/2023

Phản hồi gần đây

  • luan trong Thư viện đồ họa trong Python – Vẽ doraemon
  • tuan trong Nhận Diện Chó Mèo Python – Tensorflow – Neural Network – Deep Learning
  • Lê Thị Vân trong Fake Giấy Tờ Xác Minh Doanh Nghiệp Trên Facebook
  • Crom trong Cách Kích Hoạt Key Win 11 Bản Quyền –Active Win 11 – Win 10 Free

Donate

Mời Share’cs ly Cafe 

Liên hệ quảng cáo

Email: Sharecs.net@gmail.com

Hợp tác nội dung: Sharecs rất vinh dự được mời các bạn đóng góp những sản phẩm thiết kế, thủ thuật hay những chia sẻ hữu ích… để cùng chia sẻ rộng rãi tới mọi người!

Giới Thiệu

Sharecs.net là một website/blog cá nhân, chuyên chia sẻ những kiến thức xoay quanh công nghệ như máy tính, internet, phần mềm, lập trình,... Mình hi vọng, Sharecs sẽ mang lại những kiến thức mà bạn chưa từng được học trên ghế nhà trường!

  • Giới Thiệu & Liên Hệ
  • Chính Sách Bảo Mật

CopyRight By Sharecs.net DMCA.com Protection Status

No Result
View All Result
  • Trang chủ
  • Kho Tài Liệu – Báo Cáo
  • Thủ Thuật
    • Thủ thuật máy tính
      • Windows
      • MacOS
      • Linux
    • Thủ thuật internet
    • Thủ thuật phần mềm
  • Lỗi máy tính
    • Lỗi internet
    • Lỗi windows
    • Lỗi phần mềm
  • Lập Trình
    • Lập Trình Java
    • Lập trình Python
    • Lập Trình React Native
    • Code Hay
  • Linh Tinh
    • PhotoShop
    • Tải Video Wallpaper
    • Kho Tools
      • Cân Bằng Phương Trình Hóa Học
      • Custom Css Scrollbar – Render Code
      • Tạo Kí Tự Đặc Biệt Online
      • Tạo Deep Link
    • Tài Liệu – Luận Văn – Báo Cáo
    • Kho Theme Website WordPress
    • Phần Mềm

CopyRight By Sharecs.net DMCA.com Protection Status