Tạo template riêng cho Angular CLI bằng Schematics (phần 2)

Trong phần 1, chúng ta đã tìm hiểu về Schematics, cấu trúc của một collection và schematic và cách Schematics làm việc.

Trong phần này, chúng ta sẽ tìm hiểu cách tạo ra collection có thể đóng gói thành npm package, tạo một schematic và sử dụng collection với Angular CLI. Cụ thể chúng ta sẽ đi qua 2 ví dụ: Ví dụ #1. Tạo một collection mang tên bootstrap, tạo một schematic mang tên modal, giúp chúng ta có thể tạo một component có sẵn code modal bootstrap bằng câu lệnh ng g modal dumb-modal --collection my-bootstrap-collection (source code: https://bitbucket.org/giathinh910/example-bootstrap-schematic-collections). Ví dụ #2. Kế thừa angular collection, thêm một số thư viện cần thiết cho schematic application có sẵn của angular collection

Cài đặt các công cụ cần thiết

Đầu tiên chúng ta cần cài đặt các gói sau globally

• @angular-devkit/core: Chứa các phương thức hỗ trợ như classify, dasherize, normalize
• @angular-devkit/schematics: Công cụ chúng ta nói suốt từ phần 1 đến giờ
• @schematics/schematics: Một collection dùng cho việc scaffolding nên ... collection