Hướng dẫn cài website reactjs trên PC win 10

Để cài đặt và chạy một website ReactJS trên máy tính Windows 10, bạn cần thực hiện các bước sau:

ReactJS yêu cầu Node.js để chạy môi trường phát triển.

Bước 1: Tải Node.js từ trang chính thức: Node.js.
Chọn phiên bản LTS (Long Term Support) để đảm bảo ổn định.
Bước 2: Chạy file cài đặt và làm theo hướng dẫn để cài đặt Node.js.
Bước 3: Sau khi cài đặt xong, mở Command Prompt (CMD) và kiểm tra: node -v npm -v Kết quả sẽ hiển thị phiên bản Node.js và npm (Node Package Manager).

Create React App là công cụ đơn giản để tạo dự án ReactJS.

Bước 1: Mở CMD và chạy lệnh sau để cài đặt: npx create-react-app my-react-app Lệnh này sẽ tạo một thư mục mới tên là my-react-app chứa toàn bộ mã nguồn ReactJS mẫu.

Lưu ý: Nếu lệnh npx không hoạt động, hãy thử cài đặt thủ công: ` ```bash npm install -g create-react-app create-react-app my-react-app ````

Bước 1: Điều hướng đến thư mục dự án: cd my-react-app
Bước 2: Chạy ứng dụng: npm start
Trình duyệt sẽ tự động mở và hiển thị ứng dụng tại địa chỉ:
http://localhost:3000

Nếu bạn muốn tạo bản build để triển khai trên máy chủ hoặc PC:

Nếu muốn sử dụng một máy chủ cục bộ:

Cài đặt XAMPP:
Copy thư mục build vào thư mục htdocs trong XAMPP.
- Mở trình duyệt và truy cập: http://localhost/build.
Cài đặt Nginx (tuỳ chọn):
Cài đặt Nginx.
- Cấu hình file nginx.conf để phục vụ nội dung từ thư mục build.

Lỗi quyền: Nếu gặp lỗi trong quá trình chạy lệnh, thử mở CMD với quyền Administrator.
Phiên bản cũ: Cập nhật Node.js hoặc npm nếu lỗi liên quan đến phiên bản.

Bạn đã thử cài đặt chưa? Nếu gặp lỗi, hãy chia sẻ để mình hỗ trợ thêm!

Bài liên quan trong #ReactJS