Header Ads Widget

Các lệnh thường dùng khi chạy dự án React

Làm chủ các dòng lệnh (CLI) là bước đầu tiên để tối ưu hóa quy trình phát triển ứng dụng React

Khởi tạo dự án

Sử dụng Vite: 
npm create vite@latest
Sử dụng Create React App: 
npx create-react-app my-app 

Quản lý thư viện (Package)

Cài đặt tất cả thư viện (khi mới clone dự án): 
npm install

Cài đặt thư viện mới: 
npm install <tên-thư-viện>

Cài đặt thư viện chỉ dùng khi phát triển (DevDependencies): 
npm install <tên-thư-viện> -D.

Gỡ bỏ thư viện: 
npm uninstall <tên-thư-viện>

Chạy và Phát triển

Chạy dự án ở môi trường local: 
npm run dev
hoặc chạy lệnh với flag --host sẽ đổi địa chỉ từ 127.0.0.1 thành 0.0.0.0 (cho phép mọi địa chỉ IP truy cập).
npm run dev -- --host

Kiểm tra lỗi mã nguồn (Linting): 
npm run lint

Chạy Unit Test: 
npm test

Đóng gói và Triển khai (Production)

Build dự án ra file production: 
npm run build
Xem trước bản build sau khi đóng gói: 
npm run preview


Xóa cache npm (khi gặp lỗi cài đặt): 
npm cache clean --force

Kiểm tra các lỗ hổng bảo mật: 
npm audit

Nhận xét