Giới thiệu

Chào mừng bạn đến với hướng dẫn cài đặt môi trường ReactJS. Trong bài viết này, chúng ta sẽ đi qua các bước cài đặt NodeJS, Yarn và sử dụng Vite để cài đặt ReactJS TypeScript.

Cài đặt NodeJS

NodeJS là một môi trường chạy JavaScript phía máy chủ. Để cài đặt NodeJS, hãy làm theo các bước sau:

1. Truy cập trang chủ của NodeJS tại https://nodejs.org
2. Tải xuống và cài đặt phiên bản LTS (Long Term Support) phù hợp với hệ điều hành của bạn.
3. Sau khi cài đặt, mở Terminal hoặc Command Prompt và gõ lệnh sau để kiểm tra phiên bản NodeJS:

node -v

Nếu bạn nhìn thấy phiên bản NodeJS hiển thị, điều đó có nghĩa là bạn đã cài đặt thành công.

Cài đặt Yarn

Yarn là một trình quản lý gói cho JavaScript, giúp bạn tự động quản lý các thư viện và module mà dự án của bạn sử dụng. Để cài đặt Yarn, hãy làm theo các bước sau:

1. Mở Terminal hoặc Command Prompt và gõ lệnh sau:

npm install -g yarn

1. Sau khi cài đặt, kiểm tra phiên bản Yarn bằng lệnh sau:

yarn -v

Nếu bạn nhìn thấy phiên bản Yarn hiển thị, điều đó có nghĩa là bạn đã cài đặt thành công.

Cài đặt ReactJS TypeScript với Vite

Vite là một công cụ xây dựng JavaScript mới, giúp tăng tốc quá trình phát triển ứng dụng bằng cách tận dụng sức mạnh của ES Modules. Để cài đặt ReactJS TypeScript với Vite, hãy làm theo các bước sau:

1. Mở Terminal hoặc Command Prompt và gõ lệnh sau để tạo một dự án mới:

yarn create vite my-app --template react-ts

1. Chuyển vào thư mục dự án mới:

cd my-app

1. Cài đặt các dependencies:

yarn

1. Chạy dự án:

yarn dev

Nếu bạn nhìn thấy ứng dụng ReactJS TypeScript của mình chạy trên trình duyệt, điều đó có nghĩa là bạn đã cài đặt thành công.

Chúc mừng! Bạn đã hoàn thành cài đặt môi trường ReactJS. Bây giờ bạn đã sẵn sàng để bắt đầu phát triển ứng dụng của mình.