Hướng dẫn cài đặt react native trên MacOS

Hướng dẫn cài đặt react native trên MacOS:

Để cài đặt môi trường phát triển React Native trên macOS, bạn có thể thực hiện các bước sau:

  1. Cài đặt Homebrew (nếu chưa có):
    Homebrew là một trình quản lý gói phổ biến trên macOS. Nếu bạn chưa có Homebrew, bạn có thể cài đặt nó bằng cách mở Terminal và chạy lệnh sau:
   /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"
  1. Cài đặt Node.js và npm:
  • Sử dụng Homebrew để cài đặt Node.js và npm bằng cách chạy lệnh sau trong Terminal:
   brew install node
  1. Cài đặt Watchman (tùy chọn):
    Watchman là một tiện ích của Facebook được sử dụng để theo dõi sự thay đổi trong các tệp và thư mục của dự án React Native. Bạn có thể cài đặt Watchman bằng lệnh sau:
   brew install watchman
  1. Cài đặt Xcode:
    Xcode là môi trường phát triển chính cho ứng dụng iOS. Bạn có thể tải và cài đặt Xcode từ Mac App Store.
  2. Cài đặt Command Line Tools cho Xcode:
    Mở Terminal và chạy lệnh sau để cài đặt Command Line Tools cho Xcode:
   xcode-select --install
  1. Cài đặt JDK (Java Development Kit):
    Sử dụng Homebrew để cài đặt OpenJDK bằng lệnh sau:
   brew install openjdk@11

Để đảm bảo JDK được sử dụng, bạn có thể sửa đổi biến môi trường JAVA_HOME trong tệp ~/.zshrc hoặc ~/.bashrc (tùy vào shell bạn đang sử dụng).

   export JAVA_HOME=/usr/local/opt/openjdk@11

Sau đó, chạy lệnh sau để cập nhật biến môi trường:

   source ~/.zshrc

hoặc

   source ~/.bashrc
  1. Cài đặt Android Studio:
  • Tải Android Studio từ trang web chính thức của Android Studio: https://developer.android.com/studio.
  • Cài đặt Android Studio bằng trình cài đặt và làm theo hướng dẫn.
  • Trong quá trình cài đặt, đảm bảo bạn cài đặt Android SDK (Software Development Kit) và Android Virtual Device (AVD).
  1. Cài đặt React Native CLI:
    Mở Terminal và chạy lệnh sau để cài đặt React Native CLI:
   npm install -g react-native-cli
  1. Kiểm tra cài đặt:
    Để kiểm tra việc cài đặt đã hoàn thành, mở Terminal và chạy lệnh sau:
   react-native -v

Nếu bạn nhận được phiên bản của React Native CLI, nghĩa là việc cài đặt đã thành công.

  1. Tạo dự án React Native:
    Bây giờ bạn có thể tạo một dự án React Native bằng cách sử dụng lệnh sau: npx react-native init MyApp Thay “MyApp” bằng tên dự án của bạn.
  2. Di chuyển vào thư mục dự án: cd MyApp
  3. Chạy ứng dụng React Native:
    • Trên Android:
    npx react-native run-android
    • Trên iOS (cần cài đặt và cấu hình Xcode):
    npx react-native run-ios

Hãy nhớ kiểm tra tài liệu chính thức của React Native để biết thêm thông tin chi tiết và hướng dẫn cài đặt cho macOS.

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top