Top Ad unit 728 × 90

Lập trình React native: Cài đặt React Native trên MacOS

Như hôm trước mình đã nói hướng dẫn các bạn cách thiết lập React Native trên windows rồi!

Các bạn có thể tham khảo và đọc lại bài Lập trình React Native: Hướng dẫn cài đặt React Native trên Windows.

Hôm nay mình sẽ hướng dẫn các bạn cách cài đặt React Native trên máy tính MacOS của Apple. Trước tiên để có thể lập trình React Native trên MacOS thì chúng ta cần có máy tính chạy macOS. Tuy nhiên để có thể sở hữu được một chiếc máy tính chạy macOS thì đối với các bạn sinh viên hoặc các bạn không có điều kiện mà muốn học lập trình React Native trên macOS thì là một điều khá là khó khăn nhưng hiện tại trên mạng có khá nhiều giải pháp hay, tuy nhiên mình thấy việc sử dụng công nghệ ảo hóa ngày nay rất tốt nên mình đã chọn cách này để có thể thay thế tạo máy macOS trên máy Windows. Và mình cũng đang chọn phương pháp này để sử dụng máy tính macOS với giá thành thì cực tiết kiệm.






Các bạn tham khảo cách thiết lập macOS trên Windows:
  1. Hướng dẫn cài đặt hệ điều hành macOS lên máy ảo phần 1.
  2. Hướng dẫn cài đặt hệ điều hành macOS lên máy ảo phần 2.
  3. Hướng dẫn cài đặt hệ điều hành macOS lên máy ảo phần 3.

OK! Chúng ta bắt đầu nào!

Bước 1: Cài Node và Watchman qua Homebrew


Tại bước này các bạn cần thực hiện cài Homebrew trước bằng việc truy cập vào địa chỉ https://brew.sh/.
Khi truy cập thành công nó sẽ như vậy:

homebrew




Lên được giao diện như vậy các bạn copy câu lệnh như trong hình.

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
dán vào Termial và Enter là ngồi đợi tầm 2-5 phút tùy mạng internet nhà bạn.

Sau khi cài đặt Homebrew hoàn tất chúng ta tiếp tục sang phần chính của bước 1 này là cài đặt Node và Watchman

Các bạn thực hiện lần lượt theo các câu lệnh sau

brew install node
brew install watchman
Mình giới thiệu qua về Watchman là một tool do Facebook để xen các thay đổi trong hệ thống tập tin. Khuyến các bạn cài đặt nó cho hiệu suất tốt hơn,

Bước 2: Cài đặt React Native


Để cài đặt Reac Native các bạn thực thi câu lệnh sau:


npm install -g react-native-cli
Ngồi đợi nó cài đặt hoàn tất nhé! Thời gian nó rơi vào tầm 3-5 phút tùy chất lượng mạng nhé!

Bước 3: Khởi tạo dự án

Khi cài đặt thành công, Thì các bạn tiếp tục thực hiện câu lệnh sau để tạo dự án của mình nhé!


react-native init <Tên dự án của bạn>
Tiếp tục chúng ta đợi react native tải code về là bạn đã tạo thành công dự án của mình rồi!

Bước 3C: Khởi chạy dự án

Khi React Native tạo dự án thành công thì các bạn thực hiện lần lượt theo các lệnh mã sau:

cd <Tên dự của các bạn>
react-native run-ios #dùng chạy lên iphone
 
react-native run-androi #dùng chạy lên Android

Vậy là mình đã hoàn thành bài hướng dẫn cài đặt React Native lên máy  tính mac.

Chúc các bạn thành công!
Lập trình React native: Cài đặt React Native trên MacOS Reviewed by Thế Giới Tri Thức on tháng 11 17, 2017 Rating: 5

Không có nhận xét nào:

All Rights Reserved by THẾ GIỚI TRI THỨC © 2018
Thiết kế bởi: THẾ GIỚI TRI THỨC

Biểu mẫu liên hệ

Tên

Email *

Thông báo *

Được tạo bởi Blogger.