Hướng Dẫn Cài Đặt Angular Toàn Diện: Từ Cơ Bản Đến Nâng Cao

Giới Thiệu Về Angular

Angular là một framework frontend mạnh mẽ do Google phát triển, giúp xây dựng ứng dụng web hiện đại với cấu trúc rõ ràng, khả năng mở rộng tốt, và hệ sinh thái phong phú. Angular sử dụng TypeScript, RxJS, Dependency Injection, và kiến trúc component để giúp developers tạo ra Single-Page Application (SPA) có performance ổn định, dễ test, và dễ maintain.

Để bắt đầu xây dựng ứng dụng với Angular, bước đầu tiên và quan trọng nhất là cài đặt đúng môi trường development và hiểu cách Angular CLI hoạt động: tạo workspace, sinh component, chạy ng serve, build production, và tổ chức project structure chuẩn.

Yêu Cầu Hệ Thống

Trước khi cài đặt, đảm bảo môi trường đáp ứng các yêu cầu sau (theo khuyến nghị từ Angular):

• Node.js: bản v20.19.0 trở lên (khuyến nghị LTS). Kiểm tra compatibility trong Angular docs.
• Text Editor: Visual Studio Code được khuyên dùng.
• Terminal: để chạy các lệnh Angular CLI (ng, npm, pnpm, yarn, bun).
• Angular Language Service: giúp IntelliSense cho template Angular trong VS Code.

Kiểm Tra Phiên Bản Node.js và NPM

node --version
npm --version
npx --version

Nếu chưa có Node.js, hãy cài đặt từ trang chủ hoặc thông qua nvm:

# macOS/Linux: cài nvm và Node LTS
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash
source ~/.nvm/nvm.sh
nvm install --lts
nvm use --lts