Bạn muốn bắt đầu với Angular nhưng không biết bắt đầu từ đâu? Đừng lo lắng! Trong hướng dẫn ngắn này, chúng ta sẽ đi qua quy trình cài đặt Angular một cách nhanh chóng và dễ dàng.
1. Cài Đặt Node.js và npm:
- Node.js là một môi trường thực thi mã nguồn mở xây dựng trên Chrome’s V8 JavaScript Engine. Nó cho phép chạy mã JavaScript ngoài trình duyệt web, điều này là cần thiết cho việc phát triển ứng dụng Angular.
- npm là một công cụ quản lý gói cho JavaScript, cho phép bạn cài đặt và quản lý các gói và dependencies cho dự án của mình.
Bạn có thể tải Node.js từ trang chính thức: https://nodejs.org/.
2. Cài Đặt Angular CLI:
- Angular CLI là một công cụ dòng lệnh mạnh mẽ giúp tạo và quản lý các dự án Angular một cách dễ dàng.
- Để cài đặt Angular CLI, bạn có thể sử dụng npm bằng cách chạy lệnh sau trong Command Prompt hoặc Terminal:
npm install -g @angular/cli
3. Tạo Một Dự Án Angular:
- Bằng cách sử dụng Angular CLI, bạn có thể tạo một dự án Angular mới bằng lệnh:
ng new my-app
Trong đó, my-app là tên của dự án bạn muốn tạo. Angular CLI sẽ tạo ra một cấu trúc dự án Angular cơ bản cho bạn.
4. Chạy Ứng Dụng:
- Di chuyển vào thư mục của dự án bằng lệnh
cd my-app. - Khởi động ứng dụng bằng cách chạy lệnh ng serve. Ứng dụng của bạn sẽ được biên dịch và khởi chạy trên cổng mặc định là
http://localhost:4200/. - Mở trình duyệt web và điều hướng đến địa chỉ
http://localhost:4200/để xem ứng dụng Angular của bạn đang hoạt động.
5. Phát Triển Ứng Dụng:
Cấu trúc dự án Angular mặc định chứa các thư mục và tệp tin quan trọng như src/app, src/index.html, và src/styles.css.
Thư mục src/app chứa các thành phần (components), services, modules và các tệp tin khác liên quan đến ứng dụng của bạn. Bạn có thể chỉnh sửa hoặc thêm mới các thành phần để phát triển ứng dụng của mình.
6. Triển Khai Ứng Dụng:
Khi bạn đã hoàn thành phát triển ứng dụng, bạn có thể triển khai nó lên môi trường sản phẩm bằng cách chạy lệnh ng build --prod. Điều này sẽ tạo ra các tệp tĩnh được tối ưu hóa cho việc triển khai trên máy chủ.
Bằng cách tuân thủ các bước trên, bạn sẽ có thể thiết lập và cài đặt một ứng dụng Angular cơ bản trên máy tính của mình và bắt đầu phát triển ứng dụng của mình.
