Cấu trúc thư mục làm việc của dự án Angular

Bây giờ chúng ta hãy phân tích cấu trúc của thư mục src, nơi sẽ diễn ra phần lớn công việc chính. Đây là các thư mục và tệp cần thiết cho chúng ta (phần còn lại là dành cho hệ thống và hiện chưa cần thiết):

Các component của bạn sẽ được đặt trong thư mục app. Theo mặc định, ban đầu ở đó sẽ có một component chính với tên là App. Sau này chúng ta sẽ thêm các component khác vào đó.

Bạn có thể đặt các tài nguyên khác nhau của ứng dụng trong thư mục assets. Tài nguyên được hiểu là hình ảnh và những thứ tương tự.

Tệp index.html đại diện cho bố cục chính của trang web với mã HTML. Các component được kết nối một cách đặc biệt vào các vị trí được chỉ định trong mã HTML này.

Bạn có thể đặt các kiểu CSS chung cho trang web vào tệp styles.css.

Biểu tượng favicon của trang web bạn được lưu trữ trong tệp favicon.ico. Đó là hình ảnh được hiển thị trên tab của trang web, phía trước tên của nó.

Trong các bài học tiếp theo, chúng ta sẽ nói chi tiết hơn về các tệp và thư mục này.