Để cài đặt môi trường phát triển ReactJS, bạn cần cài đặt Node.js và npm (Node Package Manager) trước tiên. Node.js là một môi trường thực thi mã JavaScript ở phía máy chủ, và npm là một công cụ giúp bạn quản lý các gói phụ thuộc cũng như tạo và quản lý các dự án JavaScript. Sau khi cài đặt Node.js và npm, bạn có thể sử dụng Create React App hoặc tạo dự án React từ đầu.
Dưới đây là các bước cơ bản để cài đặt môi trường phát triển ReactJS trên hệ thống Windows, macOS hoặc Linux:
Bước 1: Cài đặt Node.js và npm
- Truy cập trang chính thức của Node.js tại https://nodejs.org/.
- Tải phiên bản LTS (Long Term Support) – đây là phiên bản ổn định và được khuyến nghị.
- Mở tệp tải về và làm theo hướng dẫn cài đặt trên hệ điều hành của bạn.
Bước 2: Kiểm tra phiên bản Node.js và npm Mở Command Prompt (Windows) hoặc Terminal (macOS, Linux) và chạy các lệnh sau để kiểm tra phiên bản đã cài đặt:
bash
node -v
npm -v
Nếu bạn nhận được phiên bản của Node.js và npm, tức là cài đặt đã thành công.
Bước 3: Cài đặt Create React App (tuỳ chọn) Create React App là một công cụ giúp bạn nhanh chóng tạo dự án React mà không cần cấu hình ban đầu phức tạp. Để cài đặt Create React App, hãy chạy lệnh sau trong Command Prompt hoặc Terminal:
bash
npm install -g create-react-app
Bước 4: Tạo một ứng dụng React (sử dụng Create React App) Sau khi đã cài đặt Create React App, bạn có thể tạo một dự án React mới bằng cách chạy lệnh sau:
bash
npx create-react-app ten-ung-dung
Trong đó, ten-ung-dung là tên bạn muốn đặt cho dự án. Sau khi lệnh hoàn tất, bạn có thể di chuyển vào thư mục dự án bằng lệnh:
bash
cd ten-ung-dung
Bước 5: Chạy ứng dụng React Trong thư mục dự án, chạy lệnh sau để khởi chạy ứng dụng React:
bash
npm start
Lệnh này sẽ khởi chạy máy chủ phát triển và mở trình duyệt với ứng dụng React của bạn. Bất kỳ thay đổi nào bạn thực hiện trong mã nguồn sẽ được phản ánh tự động trong trình duyệt.
Như vậy, bạn đã cài đặt thành công môi trường phát triển ReactJS và có thể bắt đầu viết mã ứng dụng ReactJS của riêng bạn.