Hướng dẫn cài đặt Reactjs trên Linux

Dưới đây là Hướng dẫn cài đặt Reactjs trên Linux

Để cài đặt React.js trên Linux, bạn cần thực hiện các bước sau:

  1. Cài đặt Node.js và npm:
  • Sử dụng trình quản lý gói của hệ thống (trên hầu hết các bản phân phối Linux), bạn có thể cài đặt Node.js và npm bằng lệnh sau: Trên Ubuntu hoặc các bản phân phối dựa trên Ubuntu:
   sudo apt update
   sudo apt install nodejs
   sudo apt install npm

Trên Fedora:

   sudo dnf install nodejs
   sudo dnf install npm

Trên CentOS:

   sudo yum install epel-release
   sudo yum install nodejs
   sudo yum install npm

Lưu ý rằng các lệnh có thể thay đổi tùy theo phiên bản cụ thể của hệ thống Linux bạn đang sử dụng.

  1. Cài đặt Yarn (tùy chọn):
    Yarn là một alternative cho npm và thường được sử dụng trong các dự án React.js. Bạn có thể cài đặt Yarn bằng lệnh sau:
   npm install -g yarn
  1. Tạo dự án React.js:
  • Bạn có thể tạo một dự án React.js mới bằng lệnh create-react-app, một công cụ tạo dự án chính thống cho React.js. Để cài đặt create-react-app, chạy lệnh sau:
   npx create-react-app my-app

Thay “my-app” bằng tên dự án của bạn.

  1. Di chuyển vào thư mục dự án:
  • Sau khi tạo dự án, hãy di chuyển vào thư mục của dự án bằng lệnh:
   cd my-app
  1. Chạy ứng dụng React.js:
  • Bây giờ bạn có thể chạy ứng dụng React.js bằng lệnh:
   npm start

Ứng dụng sẽ khởi chạy và mở trình duyệt mặc định của bạn với địa chỉ http://localhost:3000. Bất kỳ thay đổi bạn thực hiện trong mã nguồn sẽ được tự động tải lại trong trình duyệt.

  1. Sử dụng trình soạn thảo mã nguồn:
  • Bạn có thể sử dụng bất kỳ trình soạn thảo mã nguồn nào mà bạn yêu thích, như Visual Studio Code, Sublime Text, hoặc Atom để chỉnh sửa mã nguồn dự án React.js của bạn.

Chú ý rằng các bước trên chỉ áp dụng cho việc tạo một dự án React.js cơ bản. Nếu bạn muốn thêm các thư viện hoặc cài đặt môi trường phát triển phức tạp hơn, bạn cần xem xét tài liệu và hướng dẫn cụ thể cho yêu cầu của dự án của bạn.

Leave a Comment

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

Scroll to Top