Questions Management – Frontend – Khởi tạo Angular project

Về phần frontend, Questions Management sẽ sử dụng Angular framework cùng với một số JavaScript library khác để phát triển. Mình cũng sẽ sử dụng frontend-maven-plugin để quản lý các dependencies cho phần frontend này. Trong bài viết này, chúng ta sẽ cùng nhau sử dụng Angular CLI để tạo mới frontend project cho ứng dụng Questions Management của chúng ta và cấu hình để nó sử dụng frontend-maven-plugin các bạn nhé!

Mình đã có một bài viết hướng dẫn mọi người cách tạo mới một Angular project sử dụng Angular CLI như thế nào rồi. Mọi thao tác cũng tương tự, chỉ có khác là tên project sẽ khác mà thôi!

Mình sẽ tạo mới một Angular project bên trong thư mục project questions-management của chúng ta bằng cách chạy câu lệnh sau đây:

Lúc này, kiểm tra thư mục project, các bạn sẽ thấy kết quả như sau:

Questions Management - Frontend - Khởi tạo Angular project

Sẽ hợp lý hơn nếu chúng ta đổi tên thư mục questions-management thành frontend các bạn nhỉ?

Questions Management - Frontend - Khởi tạo Angular project

Bây giờ nếu các bạn đi vào thư mục frontend, chạy câu lệnh “ng serve” rồi truy cập vào địa chỉ http://localhost:4200/ thì các bạn sẽ thấy kết quả như sau:

Questions Management - Frontend - Khởi tạo Angular project

Để apply sử dụng frontend-maven-plugin cho Angular project của chúng ta, mình sẽ tạo mới một tập tin pom.xml nằm trong thư mục này.

Questions Management - Frontend - Khởi tạo Angular project

Rồi khai báo plugin frontend-maven-plugin như sau:

Lúc này, nếu các bạn chạy “mvn install” rồi sau đó chạy “ng serve” thì kết quả vẫn như cũ.

Chia sẽ bài viết này ...Share on Facebook
Facebook
0Tweet about this on Twitter
Twitter
Share on LinkedIn
Linkedin

Add Comment