Cài đặt và thiết lập React Native trên Windows 10

Cài đặt và thiết lập React Native trên Windows 10

May 30, 2024

React Native là một framework mạnh mẽ để xây dựng các ứng dụng di động đa nền tảng bằng JavaScript. Nếu bạn là người dùng Windows, hãy làm theo các bước sau để cài đặt React Native trên máy của bạn.

Cài đặt

1/ Cài đặt Chocolatey

Chocolatey

Chocolatey là trình quản lý gói cho Windows giúp đơn giản hóa việc cài đặt phần mềm. Mở terminal (Windows Command Prompt hoặc PowerShell) và chạy lệnh sau để cài đặt Chocolatey:

choco install chocolatey

2/ Cài đặt Node, Python2, and JDK8

React Native yêu cầu Node.js, Python2 và JDK8. Bạn có thể cài đặt chúng bằng Chocolatey

choco install nodejs.install python2 jdk8

3/ Cài đặt Android Studio

Android Studio

Android Studio là công cụ thiết yếu để phát triển React Native trên Windows. Tải xuống và cài đặt Android Studio từ website developer.android.com. Trong quá trình cài đặt, hãy đảm bảo chọn các thành phần Android SDK bạn cần.

4/ Set up Android SDK

Android SDK

Sau khi cài đặt Android Studio, hãy mở và chọn mục “SDK Manager”. Lựa chọn cài đặt các thành phần:

  • Android SDK
  • Android SDK Platform
  • Android Virtual Device (AVD)

5/ Cài đặt React Native CLI

React Native CLI

Mở Command Prompt hoặc PowerShell và chạy lệnh sau để cài đặt React Native:

npm install -g react-native-cli

6/ Tạo ứng dụng mới

  • Kết nối thiết bị Android với máy tính qua USB hoặc thiết lập trình giả lập Android bằng Android Studio.
  • Đảm bảo USB debugging (gỡ lỗi) được bật trên thiết bị của bạn.

7/ Chạy ứng dụng

  1. Trong terminal, trỏ đến thư mục mà bạn muốn tạo dự án.
  2. Chạy lệnh sau để tạo một dự án React Native mới (thay thế MyApp bằng tên dự án bạn muốn):
  3. react-native init MyApp

8/ Chạy ứng dụng React Native của bạn

  1. Chuyển vào thư mục dự án:
  2. cd MyApp
  3. Khởi động trình đóng gói Metro (trình đóng gói JavaScript):
  4. npx react-native start
  5. Trong một thiết bị đầu cuối riêng biệt, hãy xây dựng và chạy ứng dụng của bạn trên thiết bị Android hoặc trình giả lập được kết nối:
  6. npx react-native run-android

Bạn đã hoàn thành việc React Native trên Windows 10. Hãy bắt đầu khám phá và xây dựng ứng dụng di động cho riêng bạn.

Mẹo: Chúng tôi khuyên bạn nên sử dụng Visual Studio Code làm trình chỉnh sửa mã nguồn để làm việc với các dự án React Native dễ dàng hơn.

Leave A Comment

ZiniSoft

Hello! We are a group of skilled developers and programmers.

Hello! We are a group of skilled developers and programmers.

We have experience in working with different platforms, systems, and devices to create products that are compatible and accessible.