TÀI LIỆU HAY - CHIA SẺ KHÓA HỌC MIỄN PHÍ

Angular CLI là một công cụ rất quan trọng giúp các nhà phát triển xây dựng và quản lý các ứng dụng Angular dễ dàng hơn. Trong bài viết này, chúng ta sẽ đi sâu vào việc sử dụng Angular CLI để chinh phục các cơ bản của nó. 1. Cài đặt Angular CLI Việc đầu tiên khi sử dụng Angular CLI là cài đặt nó vào máy tính của bạn. Để làm điều này, bạn cần phải cài đặt Node.js và Angular CLI. Để kiểm tra xem bạn có đã cài đặt Node.js trên máy tính hay chưa, hãy mở Command Prompt hoặc Terminal và gõ lệnh sau: ``` node -v ``` Nếu Node.js đã được cài đặt, phiên bản của nó sẽ xuất hiện trên màn hình. Nếu chưa, bạn cần phải tải Node.js và cài đặt nó trên máy tính của mình. Sau khi bạn đã cài đặt Node.js, bạn có thể cài đặt Angular CLI bằng cách mở Command Prompt hoặc Terminal và gõ lệnh sau: ``` npm install -g @angular/cli ``` 2. Tạo một ứng dụng Angular mới Sau khi đã cài đặt Angular CLI, bạn có thể tạo một ứng dụng mới bằng cách mở Command Prompt hoặc Terminal tại thư mục nơi bạn muốn tạo ứng dụng và gõ: ``` ng new my-app ``` Trong đó, my-app là tên ứng dụng của bạn. Angular CLI sẽ tự động tạo một dự án mới cho bạn, bao gồm tất cả các tệp và cấu trúc thư mục cần thiết để bắt đầu phát triển. 3. Chạy ứng dụng Sau khi đã tạo một ứng dụng mới, bạn có thể chạy ứng dụng bằng cách di chuyển vào thư mục của ứng dụng và gõ lệnh: ``` ng serve ``` Lệnh này sẽ khởi động một máy chủ phát triển và mở ứng dụng của bạn trong trình duyệt web theo địa chỉ http://localhost:4200. 4. Tạo các thành phần Để tạo một thành phần mới trong ứng dụng của bạn, bạn có thể sử dụng lệnh sau: ``` ng generate component my-component ``` Trong đó, my-component là tên của thành phần mới mà bạn muốn tạo. Angular CLI sẽ tự động tạo ra các tệp và cấu trúc thư mục cần thiết cho thành phần mới của bạn. 5. Tạo các module Tương tự như việc tạo thành phần mới, bạn có thể tạo một module mới trong dự án bằng lệnh: ``` ng generate module my-module ``` Trong đó, my-module là tên của module mới mà bạn muốn tạo. Angular CLI sẽ tự động tạo ra các tệp và cấu trúc thư mục cần thiết cho module mới của bạn. 6. Xây dựng và triển khai ứng dụng Để xây dựng ứng dụng của bạn, bạn có thể sử dụng lệnh: ``` ng build ``` Lệnh này sẽ tạo ra các tệp tĩnh để triển khai ứng dụng của bạn. Bạn có thể triển khai ứng dụng của mình bằng cách sao chép các tệp được tạo ra trong thư mục dist của dự án. Với các bước cơ bản trên đây, bạn đã có thể sử dụng Angular CLI để phát triển và quản lý các ứng dụng Angular của mình. Tuy nhiên, điều quan trọng là bạn nên thực hành thường xuyên để cải thiện kỹ năng của mình trong việc sử dụng Angular CLI.